验证框架Validation的用法

Validation是最经常使用的 javascript表单验证插件。 Validation是历史最悠久的 jquery插件之一，通过了全球范围内不一样项目的验证，并获得了许多 web开发者的好评。做为一个标准的验证方法库， validation拥有以下特色

1．内置验证规则：拥有必填、数据、E-MAIL、URL和信用卡号码等19类内置验证规则
2．自定义验证规则：能够很方便地自定义验证规则
3．简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认提示信息的功能
4．事实验证：能够经过keyup或blur事件触发验证

下面实现如下一个validation的例子，讲述具体步骤
1.引入jquery库和validation插件

<script type="text/javascript" src="./js/jquery-1.10.2.js"></script>
 <script type="text/javascript"  src="./js/jquery.validate.js"></script>

2.肯定哪一个表单须要被验证

$(“#commentForm”).validate();

表单以下

<form id="commentForm">
<fieldset>
<legend>注册</legend>
<p>
    <label>姓名</label>
    <input name="name"></input>

</p>
<p>
    <label>电子邮箱</label>
    <input name="email"></input>

</p>
</fieldset>
</form>

3.针对不一样的字段，进行验证规则编码，设置字段相应的属性

<script>
   $(document).ready(function(){
    $("#commentForm").validate({
    rules:{
      name:{
      required:true,
      minlength:2
      },
      email:{
      required:true,
      email:true
      }
    }
    
    });
   
   });
   
</script>

rules属性就是设定相应的验证规则，下面介绍下几个经常使用的规则
required 为该内容必须填写
minlength 为该内容限定的最小长度
email 表示该内容必须符合邮箱格式

url 表示该内容必须符合url格式

这里必须注意逗号不能多余，否则IE会报错，IE对符号特别敏感
上面只介绍了validation的最基本用法，它还能自定义验证规则、自定义验证反馈的信息内容等。我后期会更新相应的笔记内容，若是你们急需掌握能够去网上再找找相关内容。