【Layui】表单验证

author：咔咔

wechat：fangkangfk

layui表单验证的属性

required（必填项）
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity（身份证）

关于layui的表单验证已经做得很简单了，下边使用案例来解释

下来就以这个排序为案例：

第一种方法：在使用的input框里边设置验证名，同样在js里边也使用这个名字做验证即可

html

// 验证form.verify({b_sort: function (value) {if (value == "") {return "请输入培训";}},topic_tpl: function (value) {if (value == "") {return "请输入专题页模板";}}});

演示：

第二种方案：

只需要在这里边直接设置即可

演示：

【Layui】表单验证相关推荐

layui表单验证内置自定义规则 - 使用说明
关于 layui表单的验证规则.调用.自定义规则的使用经验总结: 除了 layui 本身配套的一个验证体系,还支持开发者自定义验证规则(如上表中的[自定义密码验证(代码参考下文)]),并直接嵌入到页面 ...
layui表单验证方式大全
表单自带校验 lay‐verify:是表单验证的关键字 required (必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity ...
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 ...
layUI表单验证不生效的问题
layui中使用lay-verify进行表单项的校验,但是点击提交按钮无效,校验要满足两个条件 form标签需要添加 class="layui-form" 提交按钮需要添加 lay ...
layui表单验证支持select下拉框的一种方法
背景: 1.layui在select选择后可以通过layui.event.call触发form.on('select(##)',function...)事件 2.layui的select被渲染后会变成 ...
layui表单验证不生效
由于粗心漏写一些属性导致不生效详细看下方demo 对比一下就知道 http://www.shagua.wiki/project/3?p=121

【Layui】表单验证

【Layui】表单验证相关推荐

最新文章

热门文章