jQuery Validate 校验 -

huangyongxing310

浏览: 498340 次
性别:
来自: 广州

最近访客更多访客>>

hiroada

lixiaoxin

u012363178

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery Validate 校验

博客分类：

WEB
jquery相关
HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="https://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
    <script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
    <script>
        $.validator.setDefaults({
            submitHandler: function() {
                alert("提交事件!");
            }
        });
        $().ready(function() {
            $("#commentForm").validate({
                errorPlacement:function(error,element) {
                    element.css("background-color","yellow");
//                    alert(error);
//                    alert(element);
//                    error.appendTo(element.parent("td").next("td"));
                }
                ,
                success:
                function(label,element1) {
                    $(element1).css("background-color","red");
                    alert(label);
//                    label.text("ok!").addClass("success");
                },
//                ,
//        showErrors:function(errorMap,errorList) {
//            alert(errorMap);
//        }
            });
        });
    </script>
    <style>
        .error{
            color:red;
        }
    </style>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
    <fieldset>
        <legend>输入您的名字，邮箱，URL，备注。</legend>
        <p>
            <label for="cname">Name (必需, 最小两个字母)</label>
            <input id="cname" name="name" minlength="2" type="text" required>
        </p>
        <p>
            <label for="cemail">E-Mail (必需)</label>
            <input id="cemail" type="email" name="email" required>
        </p>
        <p>
            <label for="curl">URL (可选)</label>
            <input id="curl" type="url" name="url">
        </p>
        <p>
            <label for="ccomment">备注 (必需)</label>
            <textarea id="ccomment" name="comment" required></textarea>
        </p>
        <p>
            <input class="submit" type="submit" value="Submit">
            <input class="submit" type="button" value="button" onclick='fun()'>
        </p>
    </fieldset>
</form>
</body>
</html>
<script>
    function fun(){
        $("#commentForm").valid();
    }
</script>

分享到：

百度身份证识别 | 移动端调试神器

2019-09-25 21:16
浏览 333
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jQuery Validate 校验

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jQuery Validate 校验

评论

发表评论

相关推荐

定时调用函数功能实现

百度人脸识别

点击DIV触发上传文件的方法

前端格式化工具与检测工具选择与使用

indexedDb TEST

defineProperty Array push 监听

weuiJsLayer.js

dataViewCommonJs

setFormData

test11223

longKey

移动端调试神器

附件下载和导出

miniUITest

textarea 特殊字符串处理

from转JSON的Obj 、js空判断、 js数字判断

radio组件化

CheckBox组件化

web 前端技术点

WebSocket

最近访客更多访客>>