zoukankan      html  css  js  c++  java
  • 00008

    当使用layui的验证规则,比如 手机,

    <input type="text" name="userName" lay-verify="phone" placeholder="" autocomplete="off" class="layui-input">
    

    此时,该输入框可为空, 表单就提交不了。

    可自定义验证规则, 即为空时,不校验, 不为空时, 要校验。

    自定义的规则如下:

    admin.v_email = function(value, item){
        var exp = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
        if(value && !exp.test(value) ){
            return '邮箱格式不正确';
        }
    }
    
    admin.v_phone = function(value, item){
        var exp = /^1[0-9]{10}$/;
        if(value && !exp.test(value) ){
            return '请输入正确的手机';
        }
    }
    
    admin.v_url = function(value, item){
        var exp = /(^#)|(^http(s*)://[^s]+.[^s]+)/;
        if(value && !exp.test(value) ){
            return '链接格式不正确';
        }
    }
    
    admin.v_number = function(value, item){
        if(value && isNaN(value) ){
            return '只能填写数字';
        }
    }
    
    admin.v_date = function(value, item){
        var exp = /^(d{4})[-/](d{1}|0d{1}|1[0-2])([-/](d{1}|0d{1}|[1-2][0-9]|3[0-1]))*$/;
        if(value && !exp.test(value) ){
            return '日期格式不正确';
        }
    }
    
    admin.v_identity = function(value, item){
        var exp =/(^d{15}$)|(^d{17}(x|X|d)$)/;
        if(value && !exp.test(value) ){
            return '请输入正确的身份证';
        }
    }
    

    使用方法:

    <input type="text" name="userName" lay-verify="v_phone" placeholder="" autocomplete="off" class="layui-input">
    
    form.verify({
        v_email:admin.v_email,
        v_phone:admin.v_phone,
        v_url:admin.v_url,
        v_number:admin.v_number,
        v_date:admin.v_date,
    })
    
  • 相关阅读:
    typescript提示implicitly has an 'any' type 问题
    element-ui中的table可分页多选功能-记住上一页勾选数据
    CSS加载会阻塞页面显示?
    网络流(EK算法)
    网络流(dinic算法)
    洛谷p1120小木棍(剪枝优化)
    三种背包模板
    HDU2089-不要62(数位dp)
    windy数(数位dp)
    素数判定(待填坑)
  • 原文地址:https://www.cnblogs.com/jianquan100/p/12933946.html
Copyright © 2011-2022 走看看