首页 > 建站教程 > 前端框架 >  layui input自定义正则验证正文

layui input自定义正则验证

layui input 自定义正则验证的方法:

1、给input加上lay-verify的属性用以绑定验证规则,这里以phone为例

2、可一个给个提示效果(也可以不写),给input加上lay-verType的属性

代码如下:

<input type="text" name="tel" required lay-verType="tips" lay-verify="phone" placeholder="请输入客户联系电话" autocomplete="off" class="layui-input"/>


3、自定义验证规则

form.verify({
   phone: [
   // 正则方法
   /^1[34578]\d{9}$/,
   // 提示信息:
   '请输入正确的手机号码!'
   ]
});


下一篇: 最后一页