layui的正则表达式是在form表单中完成的。所以第一步要在你的html中加上指定的form 。
官方参考文档：https://www.layui.com/doc/element/form.html
要担保引用的layui模块中有form.js存在。
快速步调引用form.js添加form标签，并配置class属性为layui-form，不行改在要验证的属性上加lay-verify 举办验证声明layui.form 并监听提交的按钮事件 。引用js
<script src="https://www.jb51.net/js/layui/layui.js" charset="utf-8"></script>
主要是担保lay.modules中有form.js存在。
也可以直接引用form.js
添加form标签
<form action="">
配置要验证的属性
给lay-verify赋值
<input type="text" lay-verify="required|identity"/>
系统自带的属性如下：
required（必填项）
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity（身份证）
自界说值
假如没有想要的，可以本身写，好比
自界说验证
html标志验证的属性
<input type="text" lay-verify="username" placeholder="请输入用户名"> <input type="password" lay-verify="pass" placeholder="请输入暗码">
自界说验证的法则
form.verify({ username: function(value, item){ //value：表单的值、item：表单的DOM工具 if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){ return '用户名不能有非凡字符'; } if(/(^\_)|(\__)|(\_+$)/.test(value)){ return '用户名首尾不能呈现下划线\'_\''; } if(/^\d+\d+\d$/.test(value)){ return '用户名不能全为数字'; } } //我们既支持上述函数式的方法，也支持下述数组的形式 //数组的两个值别离代表：[正则匹配、匹配不符时的提示文字] ,pass: [ /^[\S]{6,12}$/ ,'暗码必需6到12位，且不能呈现空格' ] });
layui -form 利用说明
1.必需要先render今后，select 才可以利用。
layui.use('form', function(){ var form = layui.form; //只有执行了这一步，部门表单位素才会自动修饰乐成 //…… //可是，假如你的HTML是动态生成的，自动渲染就会失效 //因此你需要在相应的处所，执行下述要领来举办渲染 form.render(); });
提交按钮
<button type="button" lay-submit lay-filter="submit_button">确定下单</button>
js自界说验证的js和提交时的操纵
layui.use('form', function(){ var form = layui.form ; form.render(); form.verify({ payTotalAmount:[ /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/ ,'请输入符合的价值' ] }); form.on("submit(submit_button)", function () { onclickSearch(); });
到此这篇关于layui 正则表达式验证利用的文章就先容到这了,更多相关正则表达式验证内容请搜索剧本之家以前的文章或继承欣赏下面的相关文章但愿各人今后多多支持剧本之家！
您大概感乐趣的文章: