layui表单验证方式大全

表单自带校验

lay‐verify：是表单验证的关键字
required (必填项)
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity(身份证)
input表单添加 lay‐verify="required|email"

自定义验证

自定义值
同时支持多条规则的验证：
格式：lay‐verify=”验证A|验证B”
如：lay‐verify=”required|phone|number”
自定义表单验证例子：<input type="text" name="user_name" lay‐
verify="required|checkUser_name" placeholder="请输入账号"
autocomplete="off" class="layui‐input">
<input type="password" name="user_pwd" lay‐
verify="required|checkUser_pwd" placeholder="请输入密码"
autocomplete="off" class="layui‐input">
<script>
layui.use([ 'form' ], function() {
var form = layui.form,
layer = layui.layer,
$ = layui.jquery;
/* 自定义表单验证 */
form.verify({
checkUser_name : 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 '用户名不能全为数字';
}
if (value.length < 3 || value.length > 12) {
return '用户名必须3到12位';
}
},
checkUser_pwd : [ /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空
格' ]
});
});
</script>

layui表单验证方式大全相关推荐

layui表单验证内置自定义规则 - 使用说明
关于 layui表单的验证规则.调用.自定义规则的使用经验总结: 除了 layui 本身配套的一个验证体系,还支持开发者自定义验证规则(如上表中的[自定义密码验证(代码参考下文)]),并直接嵌入到页面 ...
php验证规则表单,PHP Yii框架之表单验证规则大全
Yii是一个基于组件的高性能PHP框架,用于开发大型Web应用.Yii采用严格的OOP编写,并有着完善的库引用以及全面的教程. 废话不多说了,直接给大家贴代码了. class ContactForm ...
PHP Yii框架之表单验证规则大全
Yii是一个基于组件的高性能PHP框架,用于开发大型Web应用.Yii采用严格的OOP编写,并有着完善的库引用以及全面的教程,本文给大家介绍php yii框架之表单验证规则大全,感兴趣的朋友一起学习吧 ...
blur表单验证方式
表单验证方式 * 思路:* 1 给每个input添加失去焦点事件,输入完毕后进行校验* 校验给错误提示 * 2. 表单提交数据的时候进行判断 * 是否有错误信息提示如果有,不能提交数据 <b ...
Layui表单验证失效解决办法
出现layui表单提交时没有进行验证的情况解决办法 <div class="layui-input-inline" style="width: 150px;&quo ...
layui表单验证demo
表单验证方法很多,使用layui插件自带的验证写法也是很简单.首先到官网http://www.layui.com/下载layui插件,然后按照官方提供的API编写前台页面就可以了,下面提供一个layu ...
【解决】LayUI表单验证，提交按钮在弹出层，lay-verify失效的情况
layui的表单是我特别常用的一个功能,这次在写添加和修改界面时,也顺手将layui的表单界面放进去,想着等会利用layui自带的表单验证功能将用户输入的值进行一一验证,没想到遇到了如题目所描述的情况 ...
00008 - layui 表单验证，需要验证，但非必输
当使用layui的验证规则,比如手机, <input type="text" name="userName" lay-verify="phon ...
前端表单提交方式大全
1.获取input数据封装成json格式提交. <%@ page language="java" contentType="text/html; charset=U ...

layui表单验证方式大全

layui表单验证方式大全相关推荐

最新文章

热门文章