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位，且不能出现空格'
         ] 
       });      

        

       　

　　　　　　　　　　

转载于:https://www.cnblogs.com/jaler/p/8649374.html