jquery validate不验证的问题如何解决

发布时间:2020-01-06编辑:脚本学堂
本文介绍下Jquery validate不验证问题的解决方法,有需要的朋友,可以参考下。

如下的代码,提交时没有经过验证,就直接提交了。
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery.validate.js" type="text/javascript"></script>
    <script src="Scripts/jquery.metadata.js" type="text/javascript"></script>
    <title>jquery validate不验证_www.jb200.com</title>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#commentForm").validate({ meta: "validate" });
        })
    </script>
    <style type="text/css">
        *{font-family:Verdana;font-size:96%}
        label{width:10em;float:left;}
        label.error{float:none;color:Red;padding-left:.5em;vertical-align:top;}
        p{clear:both}
        .submit{margin-left:12em;}
        em{font-weight:bold;padding-right:1em;vertical-align:top;}
    </style>
</head>
<body>
<form id="commentForm" method="get" action="#">
    <fieldset>
        <legend>验证例子_www.jb200.com</legend>
        <p>
            <label for="username">用户名</label>
            <input type="text" name="username" id="username" size="25" class="{validate:{required:true,minlength:2}}"/>
        </p>
        <p>
            <label for="cemail">邮件</label>
            <input type="text" name="cemail" id="cemail" size="25" class="{validate:{required:true,email:true}}"  />
        </p>
        <p>
            <label for="curl">网址</label>
            <input type="text" name="curl" id="curl" size="25" class="{validate:{url:true}}" />
        </p>
        <p>
            <input type="submit" class="submit " value="提交" />
        </p>
    </fieldset>
</form>
</body>
</html>

修改为如下的代码,验证就可以了。
代码如下:
 

复制代码 代码示例:

<script language="javascript">
 var attribute = {
 rules: {
 "entity.name":{
 required: true,
 minlength: 2
 },
 "entity.realName":{
 required: true,
 minlength: 2
 },
 "entity.postalcode":{
 maxlength: 6,
 number: true
 },
 "entity.phone":{
 required: true,
 minlength: 7
 },
 "entity.email":{
 codeCheck:true,
 required: true,
 remote: {url:"json_personMsg_checkEmail.do?ran="+Math.random(),
 data:{
 "entity.uid":function() {return $("#entity_id").val();}
 }},
 email: true
}
 },
 messages: {
 "entity.name":{
 required:"用户名不能为空!",
minlength:jQuery.format("最少输入{0}字符或汉字")
 },
 "entity.realName":{
 required:"真实姓名不能为空!",
minlength:jQuery.format("最少输入{0}字符或汉字")
 },
 "entity.postalcode":{
 maxlength: "最大不能超过{0}数字",
number: "邮编为数字"
 },
 "entity.phone":{
 required: "办公电话不能为空!",
minlength: jQuery.format("最小长度为{0}")
 },
"entity.email":{
 required: "电子邮件地址不能为空",
remote:"电子邮件地址已存在,请重新输入",
email: "请按格式输入电子邮件地址"
}
 },
errorPlacement: function(error, element) {
if (element.next().size()==0) {
 error.appendTo(element.parent());
 } else {
 error.appendTo(element.next());
}
 },
 submitHandler: function() {
 $.blockUI({ message: '<div id="msgDiv"><h2><img src="common/images/busy.gif" />正在提交,请稍后...</h2></div>'});  
document.form1.submit();
},
 // set this class to error-labels to indicate valid fields
 success: function(label) {
 // set   as text for IE
 label.html(" ").addClass("checked");
 }
 };

$(document).ready(function(){
alertMessage();
 exclusiveCN();
 var validator = $("#form1").validate(attribute); 
});
</script>