layui表单验证规则

layui，input验收只能输入整数，小数

<input type='text' οnkeyup="value=value.replace(/^(0+)|[^\d.]+/g,'')" name="gift_price" id="gift_price" placeholder="产品价格" autocomplete="off" class="layui-input" required lay-verify="required" value="0元">

layui表单元素的校验只需在元素上加入lay-verify

<input type="text" id="a" name="a" placeholder="A" lay-verify="required|number" class="layui-input">

layui提供了以下值:

required（必填项）

phone（手机号）

email（邮箱）

url（网址）

number（数字）

date（日期）

identity（身份证）

自定义值

同时支持多条规则的验证，格式：lay-verify=”验证1|验证1” ,如：lay-verify=”required|phone|number”
自定义校验

form.verify({a1: function(value, item){},a2: []
});
<input type="text" lay-verify="a1" placeholder="请输入">
<input type="text" lay-verify="a2" placeholder="请输入">

html lay-verify="name" 也是添加有的
form.verify({
name: function(value){
// console.log( value == '' );
if(value == ''){
return '请输入用户名';
}
}, password: function(value){
if(!value){
return '请输入密码';
}
},repeatpass:function(value){
if(!value){
return '请输入重复密码';
}
}
});

1.情景：

设置为display:none的必填字段，在点击提交（form 包含 class=“layui-form”；button包含属性 lay-submit）的时候，依旧验证。

lay-verify=“required|field_len50”
required非空格式
field_len50字段长度限制
2.解决办法，js中：

给隐藏的元素 lay-verify 属性置空，如：lay-verify=""；

layui表单验证规则相关推荐

layui表单验证内置自定义规则 - 使用说明
关于 layui表单的验证规则.调用.自定义规则的使用经验总结: 除了 layui 本身配套的一个验证体系,还支持开发者自定义验证规则(如上表中的[自定义密码验证(代码参考下文)]),并直接嵌入到页面 ...
Layui表单验证失效解决办法
出现layui表单提交时没有进行验证的情况解决办法 <div class="layui-input-inline" style="width: 150px;&quo ...
php验证规则表单,PHP Yii框架之表单验证规则大全
Yii是一个基于组件的高性能PHP框架,用于开发大型Web应用.Yii采用严格的OOP编写,并有着完善的库引用以及全面的教程. 废话不多说了,直接给大家贴代码了. class ContactForm ...
PHP Yii框架之表单验证规则大全
Yii是一个基于组件的高性能PHP框架,用于开发大型Web应用.Yii采用严格的OOP编写,并有着完善的库引用以及全面的教程,本文给大家介绍php yii框架之表单验证规则大全,感兴趣的朋友一起学习吧 ...
英文、数字和汉字、日文的字符判断英文占1个字符，中文汉字占2个字符 el-form表单验证规则
需求:输入框输入如果是中文或者日文,表单验证长度需要除以2,如果是英文或者数字,则正常需求奇葩,还要国际化可烦死我了,菜鸟又不敢跟产品顶嘴,哭了捣鼓捣鼓总算好了,对字符限制做了一个封装 1.第一步 ...
vue 表单验证正则_vue elementUI如何自定义表单验证规则
一.elementUI自带了一部分表单验证规则,本文讲解如何使用自定义验证规则来完成密码的二次验证. 1.1.首先添加验证邮箱和电话规则和正则表达式// 验证邮箱的规则 var checkEmail ...
Yii初学者必看-yii 表单验证规则
对yii深入了解总结出:希望对初学者有些帮助 Active Record (AR) 是一个流行的对象-关系映射 (ORM) 技术. 每个 AR 类代表一个数据表(或视图),数据表(或视图)的列在 A ...
Layui form 表单验证规则 lay-verify
layui 表单 1.表单自带校验 lay-verify:是表单验证的关键字有以下值供选择: required (必填项) phone(手机号) email(邮箱) url(网址) number( ...
layui表单验证方式大全
表单自带校验 lay‐verify:是表单验证的关键字 required (必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity ...
layui表单验证demo
表单验证方法很多,使用layui插件自带的验证写法也是很简单.首先到官网http://www.layui.com/下载layui插件,然后按照官方提供的API编写前台页面就可以了,下面提供一个layu ...

layui表单验证规则

layui表单验证规则相关推荐

最新文章

热门文章