jQuery表單驗證插件 - 使用方式非常簡單,明了

jopen 11年前發布 | 21K 次閱讀 jQuery 表單相關jQuery插件 jQuery插件

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

jQuery表單驗證插件 - 使用方式非常簡單,明了

使用方法:
1.到githup下載zip壓縮包https://github.com/posabsolute/jQuery-Validation-Engine

2.解壓文件

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

<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文件
    <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>   
5.在表單中添加驗證
<input value="someone@nowhere.com" class="validate[required]" type="text" name="email" id="email" /> 
6.添加初始化js腳本
    <script>  
    $(document).ready(function(){  
        $("#formID").validationEngine();     //formID為表單的id  
        });  
    </script>  

7.運行,效果如下:

1361245190_9282.jpg

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!