首页>>表单>>简单的表单验证(2019-10-17)

简单的表单验证

简单的表单验证
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <form class="form-example" novalidate>  
  2.   <div class="form-row">  
  3.     <label>First name: <input type="text" name="words" data-validation-cfg="letters_special" required class="form-control">  
  4.     </label>  
  5.   </div>  
  6.   <div class="form-row">  
  7.     <label>Digits:<input type="text" name="only-digits" data-validation-cfg="digits_only" required value="" class="form-control">  
  8.     </label>  
  9.   </div>  
  10.   <div class="form-row">  
  11.     <label>Digits with separtors:<input type="text" name="only-digits" data-validation-cfg="digits_and_separators_only,required" value="" class="form-control">  
  12.     </label>  
  13.   </div>  
  14.   <div class="form-row-submit form-row">  
  15.     <button type="submit" class="btn btn-primary">submit</button>  
  16.   </div>  
  17. </form>  

 

JavaScript Code
  1. <script>  
  2.   'use strict';  
  3.   
  4. (function ($, window, document, undefined) {  
  5.   
  6.   $(function () {  
  7.   
  8.     function initDeRegexValidation() {  
  9.       $('.form-example').deRegexValidation({  
  10.         preventSubmitOnInvalid: true,  
  11.         disableFormOnInvalid: true,  
  12.         validateRequiredFields: true,  
  13.       });  
  14.     }  
  15.   
  16.     initDeRegexValidation();  
  17.   
  18.   });  
  19.   
  20. })(jQuery, window, document);  
  21. </script>  

 


原文地址:http://www.freejs.net/article_biaodan_823.html