jquery表單驗證插件——使用方式非常簡單,明瞭

  今日,項目需要用到表單驗證。於是在網上發現瞭這款非常不錯的jquery表單驗證插件,現在分享給大傢:

使用方法:

1.到githup下載zip壓縮包 

2.解壓文件

3.在你的項目中導入js文件夾中的如下文件:jquery.js,jquery.validationEngine.js,jquery.validationEngine-zh_CN.js(漢化資源文件)

[html]  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>  

<script src="js/jquery.validationEngine_CN.js" type="text/javascript" charset="utf-8"></script>  

<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>  

 

4.在你的項目中導入css文件

[html]  

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>   

5.在表單中添加驗證

[html]  

<input value="someone@nowhere.com" class="validate[required]" type="text" name="email" id="email" />  

6.添加初始化js腳本

[html]  

<script>  

$(document).ready(function(){  

    $("#formID").validationEngine();     //formID為表單的id  

    });  

</script>  

7.運行,效果如下:

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *