Layui表单自定义验证规则

姓名：<input type="text" required="" lay-verify="required|chineseName" autocomplete="off" class="layui-input" >

layui.use(['form'], function () {   //自定义验证规则form.verify({chineseName: function (value) {let pattern = /[\u4e00-\u9fa5]/;//中文验证let txt = pattern.test(value); if (value.length < 2 || !txt) {return '姓名必须是中文，且至少2个字符';}},account: [/^[a-z0-9]{6,16}$/, '账号必须6到12位的“数字”或“字母”或数字和字母组合'],//账号password: [/(.+){6,12}$/, '密码必须6到12位'],//密码redoPassword: function (value) {if ($('#PassWord').val() != $('#re_PassWord').val()) {return '两次密码不一致';}},minLength: function (value) { //最小长度验证if (value.length < 2) {return '长度不合法';}}});});

Layui表单自定义验证规则相关推荐

layui单选框verify_layui lay-verify form表单自定义验证规则详解
虽然layui的官方文档已经是写的比较详细,但是初次使用的时候总会懵一下,这里纪录一下lay-verify自定义验证规则的时候到底放哪. html: 提交 js: form.verify({ //数组 ...
layui的表单——自定义验证规则
最近layui的表单用的比较多,所以整理来一下自定义的验证如下(下面是自己写的例子): layui的官网引入layui之后 html <form action="" cla ...
element UI 表单自定义验证，css水平且垂直居中方法
element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证首先是element UI 提供的基础 ...
element 修改表单值后表单验证无效_element 表单自定义校验规则
首先在我们的vue + element 项目中,尤其是后台有关的项目或者涉及到大量操作数据的平台,重中之重的就是关于数据的验证,也就是关于我们表单的验证,如果在前端做好了这些,相当于在前后台交互数据的 ...
VUE element-ui之form表单自定义验证11位手机号码（封装验证规则）
步骤: 封装验证规则: export function isvalidPhone(phone) {const reg = /^1([38][0-9]|4[014-9]|[59][0-35-9]|6[2 ...
IView的Form表单自定义验证需注意事项
写自定义验证时,除需要Form中的ref.rules.model和FormItem中的prop数据结构的高度对应外,还要注意,在绑定model中的对应prop之前,还需要清理ref中的fields.否 ...
layui表单离焦验证
1. HTML代码: <form class="layui-form layui-form-pane" action=""><div clas ...
antd 表单域验证规则 - 只能输入数字字符，去除前导0
<Form {...formItemLayout}><Form.Item label='用户Id'>{getFieldDecorator('uid', {initialValu ...
vue表单自定义校验规则
<div id="app"> <el-form :model="ruleForm2" :rules="rules2" re ...
layui表单验证内置自定义规则 - 使用说明
关于 layui表单的验证规则.调用.自定义规则的使用经验总结: 除了 layui 本身配套的一个验证体系,还支持开发者自定义验证规则(如上表中的[自定义密码验证(代码参考下文)]),并直接嵌入到页面 ...

Layui表单自定义验证规则

Layui表单自定义验证规则相关推荐

最新文章

热门文章