使用layui的表单验证form.js,一旦添加验证,例如 lay-verify="phone"、lay-verify="email" 就会要求必填,然而很多时候我的要求是可以不填,但是填写就需要按照规则来填写,因此原生的form.js提供的验证方法已不能满足要求,我们需要实现这样的功能就需要自己实现,我们只需要修改layui下面的form.js在对应的正则表达式"/"后面加上‘(^$)|’即可,如:

成都创新互联专注于新邵企业网站建设,成都响应式网站建设,商城网站定制开发。新邵网站建设公司,为新邵等地区提供建站服务。全流程按需求定制设计，专业设计，全程项目跟踪，成都创新互联专业和态度为您提供的服务

verify: {
        required: [/[\S]+/, "必填项不能为空"],
        phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
        email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
        url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
        number: function(e) {
                if (!e || isNaN(e)) return "只能填写数字"
        },
        date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
        identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身(和)份(谐)证号"]
}

分享名称：layui修改表单验证规则-创新互联
URL地址：http://myzitong.com/article/dhsheh.html