驗證框架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的最基本用法，它還能自定義驗證規則、自定義驗證反饋的信息內容等。我後期會更新相應的筆記內容，若是你們急需掌握能夠去網上再找找相關內容。