今日,項目需要用到表單驗證。於是在網上發現瞭這款非常不錯的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.運行,效果如下: