layui单选框verify_layui lay-verify form表单自定义验证规则详解

虽然layui的官方文档已经是写的比较详细，但是初次使用的时候总会懵一下，这里纪录一下lay-verify自定义验证规则的时候到底放哪。

html：

提交

js：

form.verify({

//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]

,digital: [

/^[0-4]*$/

,'请填入0-4的分数'

]

});

这样写没问题，但是form.verify放置的位置没讲清楚，还是要自己试一下。

layui.use(['form'], function () {

var form = layui.form;

//要放在form.on外面，千万不能放在提交步骤中，否则会不触发

form.verify({

//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]

digital: [

/^[0-4]*$/

,'请填入0-4的分数'

]

});

form.on("submit(submit_button)", function (data) {

return false;

});

以上这篇layui lay-verify form表单自定义验证规则详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

时间： 2019-09-17

layui单选框verify_layui lay-verify form表单自定义验证规则详解相关推荐

a链接易混淆与form表单简易验证用法详解
链接可以说遍布互联网,比如你想提供一个可以跳转到百度首页的链接给网友,那么代码如下: <a href="http://www.baidu.com">百度一下,你就知道& ...
layui的表单——自定义验证规则
最近layui的表单用的比较多,所以整理来一下自定义的验证如下(下面是自己写的例子): layui的官网引入layui之后 html <form action="" cla ...
IView的Form表单自定义验证需注意事项
写自定义验证时,除需要Form中的ref.rules.model和FormItem中的prop数据结构的高度对应外,还要注意,在绑定model中的对应prop之前,还需要清理ref中的fields.否 ...
VUE element-ui之form表单自定义验证11位手机号码（封装验证规则）
步骤: 封装验证规则: export function isvalidPhone(phone) {const reg = /^1([38][0-9]|4[014-9]|[59][0-35-9]|6[2 ...
【onsubmit】Form表单onsubmit事件用法详解
表单提交数据时,我们有时会用到onsubmit事件,那么onsubmit事件到底是干什么用的,在什么时候触发onsubmit事件以及如何使用onsubmit.本文章将向大家详细讲解onsubmit事件 ...
js form表单onsubmit事件用法详解
onsubmit事件是当表单提交时进行相关js操作的一个事件.(但是有疑问) onsubmit 事件会在表单中的确认按钮被点击时发生.当该事件触发的函数中返回false时,表单就不会被提交. 请看下面 ...
layui快速学习（一）form表单元素
form表单元素包括:text 文本输入框,password密码输入框,checkbox复选框,radio单选框,file 文件域,submit表单提交action指向的文件,reset表单清空,im ...
php表单提交到数据库详解
一般朋友们逛一些网站的时候,想使用网站或者看到更多网站里的内容,网站会要求用户进行新用户的注册,网站会把新用户的注册信息存入数据库中,需要的时候再进行提取. 这样网站就会首先创建自己的数据库和对应的表 ...
element UI 表单自定义验证，css水平且垂直居中方法
element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证首先是element UI 提供的基础 ...

layui单选框verify_layui lay-verify form表单自定义验证规则详解

layui单选框verify_layui lay-verify form表单自定义验证规则详解相关推荐

最新文章

热门文章