个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
26
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章layui 正则表达式验证使用实例详解由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
前言 。
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 。
|
1
|
<script src=
"../js/layui/layui.js"
charset=
"utf-8"
></script>
|
主要是保证lay.modules中有form.js存在.
也可以直接引用form.js 。
添加form标签 。
|
1
|
<form class=
"layui-form"
action=
""
>
|
设置要验证的属性 。
给lay-verify赋值 。
|
1
2
|
<input type=
"text"
class=
"input01 border"
id=
"IdentifyId"
name=
"IdentifyId"
lay-verify=
"required|identity"
/>
|
系统自带的属性如下:
required（必填项） phone（手机号） email（邮箱） url（网址） number（数字） date（日期） identity（身份证） 自定义值 。
如果没有想要的，可以自己写，比如 。
自定义验证 。
html标记验证的属性 。
|
1
2
|
<input type=
"text"
lay-verify=
"username"
placeholder=
"请输入用户名"
>
<input type=
"password"
lay-verify=
"pass"
placeholder=
"请输入密码"
>
|
自定义验证的规则 。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
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 才可以使用.
|
1
2
3
4
5
6
7
8
9
|
layui.use(
'form'
,
function
(){
var
form = layui.form;
//只有执行了这一步，部分表单元素才会自动修饰成功
//……
//但是，如果你的HTML是动态生成的，自动渲染就会失效
//因此你需要在相应的地方，执行下述方法来进行渲染
form.render();
});
|
提交按钮 。
|
1
2
|
<button type=
"button"
class=
"layui-btn layui-btn-norma"
lay-submit lay-filter=
"submit_button"
>确定下单</button>
|
js自定义验证的js和提交时的操作 。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
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 正则表达式验证使用的文章就介绍到这了,更多相关正则表达式验证内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我！ 。
原文链接：http://www.hechunbo.com/index.php/archives/304.html 。
最后此篇关于layui 正则表达式验证使用实例详解的文章就讲到这里了,如果你想了解更多关于layui 正则表达式验证使用实例详解的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
26
4
0
我正在用 yacc/bison 编写一个简单的计算器。 表达式的语法看起来有点像这样: expr : NUM | expr '+' expr { $$ = $1 + $3; } | expr '-'
我开始学习 lambda 表达式，并在以下情况下遇到了以下语句: interface MyNumber { double getValue(); } MyNumber number; nu
这两个 Linq 查询有什么区别: var result = ResultLists().Where( c=> c.code == "abc").FirstOrDefault(); // vs. va
如果我们查看 draft C++ standard 5.1.2 Lambda 表达式 段 2 说(强调我的 future ): The evaluation of a lambda-expressio
我使用的是 Mule 4.2.2 运行时、studio 7.5.1 和 Oracle JDK 1.8.0_251。 我在 java 代码中使用 Lambda 表达式，该表达式由 java Invoke
我是 XPath 的新手。我有网页的html源 http://london.craigslist.co.uk/com/1233708939.html 现在我想从上面的页面中提取以下数据 完整日期 电子
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
我将如何编写一个 Cron 表达式以在每天上午 8 点和下午 3:30 触发？我了解如何创建每天触发一次的表达式，而不是在多个设定时间触发。提前致谢 最佳答案 你应该只使用两行。 0 8 * * *
这个问题已经有答案了: What do 3 dots next to a parameter type mean in Java? (9 个回答) varargs and the '...' argu
我是 python 新手，在阅读 BeautifulSoup 教程时，我不明白这个表达式“[x for x in titles if x.findChildren()][:-1]”我不明白？你能解释一
(?:) 这是一个有效的 ruby 正则表达式，谁能告诉我它是什么意思？ 谢谢 最佳答案 正如其他人所说，它被用作正则表达式的非捕获语法，但是，它也是正则表达式之外的有效 ruby 语法。 在
这个问题在这里已经有了答案: Why does ++[[]][+[]]+[+[]] return the string "10"? (10 个答案) 关闭 8 年前。 谁能帮我处理这个 JavaSc
这个问题在这里已经有了答案: What is the "-->" operator in C++? (29 个答案) Java: Prefix/postfix of increment/decrem
这个问题在这里已经有了答案: List comprehension vs. lambda + filter (16 个答案) 关闭 10 个月前。 我不确定我是否需要 lambda 或其他东西。但是，
C 中的 assert() 函数工作原理对我来说就像一片黑暗的森林。根据这里的答案https://stackoverflow.com/a/1571360 ，您可以使用以下构造将自定义消息输出到您的断言
在this页，John Barnes 写道: If the conditional expression is the argument of a type conversion then effec
我必须创建一个调度程序，它必须每周从第一天上午 9 点到第二天晚上 11 点 59 分运行 2 天(星期四和星期五)。为此，我需要提供一个 cron 表达式。 0-0 0-0 9-23 ? * THU
我正在尝试编写一个 Linq 表达式来检查派生类中的属性，但该列表由来自基类的成员组成。下面的示例代码。以“var list”开头的 Process 方法的第二行无法编译，但我不确定应该使用什么语法来
此 sed 表达式将输入字符串转换为两行输出字符串。两条输出行中的每一行都由输入的子串组成。第一行需要转换成大写: s:random_stuff\(choice1\|choice2\){\([^}]*
我正在使用 Quartz.Net 在我的应用程序中安排我的工作。我只是想知道是否可以为以下场景构建 CRON 表达式: Every second between 2:15AM and 5:20AM 最
我是一名优秀的程序员,十分优秀！