layui修改表单验证规则

使用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)$)/, "请输入正确的身(和)份(谐)证号"]
}

原文地址:https://blog.51cto.com/1197822/2472186

时间: 2024-10-12 08:48:07

layui修改表单验证规则的相关文章

jquery.validate.js使用之自定义表单验证规则

jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则 jquery.validate.js演示查看 jquery validate强大的jquery表单验证插件 http://www.51xuediannao.com/js/jquery/jquery_validate/ ======================================================== //扩展验证规则 //邮箱 表单验证规则jQuery.validator.

jqGrid 表单验证规则参数介绍-EditRules

 colModel : [      {name:'id',index:'id',width:55,editable:false,editoptions:{readonly:true,size:10}},      {name:'invdate',index:'invdate',width:80,editable:true,editrules:{required:true}} ] editrules,是作为jqGrid提供的表单验证的规则,类似正则表达式.    参数介绍:    edithid

layui 自定义表单验证 以及提交表单

订购数量</span> <span style="color: red">*</span>: <input type="text" required lay-verify="required|number|isManzu" id="proOrderNum" name="proOrderNum" class="input" value="

Element表单验证规则

一.简单的逻辑验证使用方法: 方法步骤: 1.在html中给el-form增加 :rules="rules" 2.html中在el-form-item 中增加属性 prop="名称" 3.js中直接在data中定义rules:{} 在html中的写法: <el-form ref="formData" :rules="rules" :model="formData" label-width="

YII 表单验证规则大全

<?php class ContactForm extends CFormModel { public $_id; public $contact;//联系人 public $tel;//电话 public $fax;//传真 public $zipcode;//邮编 public $addr;//地址 public $mobile;//手机 public $email;//邮箱 public $website;//网址 public $qq;//QQ public $msn;//MSN pub

jquery.validate.js之自定义表单验证规则

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <script type="text/javascript" src="jquery-1.8.3.js"></script> 5 <script type="text/jav

vue + element 实现登录注册(自定义表单验证规则)

注册页包含手机验证码登录和密码的二次验证. 效果如下: 实现代码: <template> <div> <div class="register-wrapper"> <div id="register"> <p class="title">注册</p> <el-form :model="ruleForm2" status-icon :rules=&qu

element中修改表单验证的提示信息的样式

.el-form-item--small .el-form-item__error { margin-top: 2px; } .el-form-item__error { position: absolute !important; top:16px; text-align: center; background-color: red; filter: alpha(Opacity=40); opacity: 0.4; width: 120px; height: 21px; border-radi

jquery validate强大的jquery表单验证插件

jquery.validate.js使用之自定义表单验证规则 //邮箱 表单验证规则 jQuery.validator.addMethod("mail", function (value, element) { var mail = /^[a-z0-9._%-][email protected]([a-z0-9-]+\.)+[a-z]{2,4}$/; return this.optional(element) || (mail.test(value)); }, "邮箱格式不对