jQuery验证插件 Validate详解(2)

序号 规则 描述
1   required:true   必须输入的字段。  
2   remote:"check.php"   使用 ajax 方法调用 check.php 验证输入值。  
3   email:true   必须输入正确格式的电子邮件。  
4   url:true   必须输入正确格式的网址。  
5   date:true   必须输入正确格式的日期。日期校验 ie6 出错，慎用。  
6   dateISO:true   必须输入正确格式的日期（ISO），例如：2009-06-23，1998/01/22。只验证格式，不验证有效性。  
7   number:true   必须输入合法的数字（负数，小数）。  
8   digits:true   必须输入整数。  
9   creditcard:   必须输入合法的信用卡号。  
10   equalTo:"#field"   输入值必须和 #field 相同。  
11   accept:   输入拥有合法后缀名的字符串（上传文件的后缀）。  
12   maxlength:5   输入长度最多是 5 的字符串（汉字算一个字符）。  
13   minlength:10   输入长度最小是 10 的字符串（汉字算一个字符）。  
14   rangelength:[5,10]   输入长度必须介于 5 和 10 之间的字符串（汉字算一个字符）。  
15   range:[5,10]   输入值必须介于 5 和 10 之间。  
16   max:5   输入值不能大于 5。  
17   min:10   输入值不能小于 10。  

required表示必须填写的

email表示必须正确的邮箱

把验证的规格写在HTML内的class内，方法欠妥，后期的维护增加成本，没有实现行为与结构的分离

所以，可以想把HTML内的class都清空，如下:

复制代码 代码如下:

<form method="get" action="">
 <fieldset>
   <legend>一个简单的validate验证带验证提示的评论例子</legend>
   <p>
     <label for="cusername">姓名</label>
     <em>*</em><input size="25" />
   </p>
   <p>
     <label for="cemail">电子邮件</label>
     <em>*</em><input size="25"  />
   </p>
   <p>
     <label for="curl">网址</label>
     <em>  </em><input size="25" />
   </p>
   <p>
     <label for="ccomment">你的评论</label>
     <em>*</em><textarea cols="22" ></textarea>
   </p>
 <p>
     <input type="submit" value="提交"/>
   </p>

js

复制代码 代码如下:

 $(document).ready(function(){
    $("#commentForm").validate({
      rules:{
        username:{
          required:true,
          minlength:2
        },
        email:{
          required:true,
          email:true
        },
        url:"url",
        comment:"required",
        valcode: {
          formula: "7+9" 
        }
      }
    });
  });
  </script>

因为默认的提示是英文的，可以改写成

复制代码 代码如下: