layui lay-verify 验证

html代码

<input type="text" lay-verify="required" >

js代码

layui.use(['form', 'layer'], function () {
    var form = layui.form(), 
    	layer = layui.layer;

    //验证
    form.verify(verify);

    form.on('submit(submit)', function (data) {
        // 提交到方法
    })
});

多个验证:

lay-verify="required|ennum|range"

自定义验证:

//数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
    form.verify({
        date:  [/^([1-9]|[1-5][0-9]|60)$/,'只能是1~60']   
        ,number: function(value, item){  // value:表单的值、item:表单的DOM对象
            if(!value||isNaN(value))
                return"只能填写数字"
        }      
    });

默认提供了以下验证规则:

    required:'必填项',
    phone:'手机号'
    ennum:'必须是字母或数字',
    en:'必须是英文字母',
    fname:'必须是中文',
    ftel:'必须是固定电话',
    carded | identity:'必须是18位身份证号码',
    ispostcode:'必须是中国邮政编码',
    isqq:'必须是腾讯QQ号码',
    isip:'必须是IPv4地址',
    isposfloat:'必须是正浮点数',
    isnegfloat:'必须是负浮点数',
    isfloat:'必须是浮点数',
    isemail | email:'必须是邮箱',
    isposint:'必须是正整数',
    isnegint:'必须是负整数',
    isint:'必须是整数',
    isdatetime:'必须是日期时间格式',//"YYYY-MM-DD HH:MM:SS" || "YYYY/MM/DD HH:MM:SS"
    isdate | date:'必须是日期格式', //YYYY-MM-DD || YYYY/MM/DD
    isdatestr : '必须是日期格式' //最强验证,31号,及 2月28日的验证.
                               //YYYY-MM-DD YYYY/MM/DD YYYY_MM_DD YYYY.MM.DD的形式
    istime:'必须是时间格式'   //HH:MM:SS
    url | isurl:'必须是URL地址'
    number | isnumber:'必须是数字'
    length :'长度验证' //标签中需附加length属性,或 min-length:最小长度,max-length:最大程度
                        //length=? 指定长度
                        //min-length=? 最少长度
                        //max-length=? 最大长度
  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值