Layui前台表單校驗

官方文檔對表單檢驗的說明

http://www.layui.com/doc/modules/form.html#verify

　　具體使用步驟：

• • 1. 導入相應的layui.css和layui.js的包
    2. 在js中申明form

       layui.use(['form'], function(){
               var form = layui.form；
       }

    3. 然后在html的表單中使用Layui的屬性去檢驗，屬性中的校驗規則可以是官方提供的也可以是自定義的

       <input type="text" lay-verify="email"> 
        
       還同時支持多條規則的驗證，如下：
       <input type="text" lay-verify="required|phone|number">

       1）上面是官方內置的檢驗規則，之外還有多種檢驗規則，如下圖

       

       2）自定義校驗規則在js中定義

       form.verify({
         username: function(value, item){ //value：表單的值、item：表單的DOM對象
           if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
             return '用戶名不能有特殊字符';
           }
           if(/(^\_)|(\__)|(\_+$)/.test(value)){
             return '用戶名首尾不能出現下划線\'_\'';
           }
           if(/^\d+\d+\d$/.test(value)){
             return '用戶名不能全為數字';
           }
         }
         
         //我們既支持上述函數式的方式，也支持下述數組的形式
         //數組的兩個值分別代表：[正則匹配、匹配不符時的提示文字]
         ,pass: [
           /^[\S]{6,12}$/
           ,'密碼必須6到12位，且不能出現空格'
         ] 
       });