Layui自定义表单校验规则

相关博客：Layui默认表单校验规则

<div class="layui-form"><input type="text" class="layui-input" name="username" lay-verify="required|namecheck" autocomplete="off" placeholder="请输入用户名"><input type="text" class="layui-input" name="password" lay-verify="required|pwdcheck" autocomplete="off" placeholder="请输入密码" >
</div><script>layui.use('form', function() {let form = layui.form();//自定义验证form.verify({namecheck: function (value, item) { //value：表单的值、item：表单的DOM对象if (/^[0-9]*$/.test(value)) {return '用户名不能全为数字';}if (!new RegExp("^[\u4e00-\u9fa5_a-zA-Z0-9]+$").test(value)) {return '用户名不能有特殊字符';}},//我们既支持上述函数式的方式，也支持下述数组的形式//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]pwdcheck: [/^[\S]{6,10}$/,'密码不能出现空格，且必须6到10位'],int: [  //输入值为整数校验/^[0-9]+$/,'输入的值必须为整数']});});
</script>
</html>

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

antd 自定义表单校验规则
html部分 <a-form-item name="username"><a-input v-model:value="loginForm.userna ...
vue如何制作自定义表单校验样式
vue如何制作自定义表单校验样式先上效果图由于vue的优越性,所以衍生出很多与之匹配并非常受欢迎的ui组件库,比如最常见的element-ui和antvue,两者内容几乎相同,样式略有差异,所以在 ...
工作188：表单校验规则
1绑定rules <el-dialog title="新建账号" :visible.sync="dialogFormVisible" @close=&qu ...
vue 表单验证正则_vue elementUI如何自定义表单验证规则
一.elementUI自带了一部分表单验证规则,本文讲解如何使用自定义验证规则来完成密码的二次验证. 1.1.首先添加验证邮箱和电话规则和正则表达式// 验证邮箱的规则 var checkEmail ...
Layui form 表单验证规则 lay-verify
layui 表单 1.表单自带校验 lay-verify:是表单验证的关键字有以下值供选择: required (必填项) phone(手机号) email(邮箱) url(网址) number( ...
工作187：表单校验规则
第一种常用方式:表单上加rules{object} <el-form class="apply-form first-form" :model="formData& ...
vue自定义表单校验
1.绑定规则 1.在form上绑定规则 :rules="formValidate" 实现规则 var jiaoyan=(rules, value,callback)=>{if ...
全网唯一正确身份证和社统一社会信用代码自定义表单校验器（身份证校验和社统一社会信用代码校验）
话不多说,直入正题: 1.工具类: import * as moment from 'moment'; import {isUndefined} from 'util'; import {Abstra ...
基于vue3的京东nutui组件库的表单校验规则：怎样进行表单验证？怎样只使用指定的某一个规则进行校验呢？
官网: NutUI - 移动端 Vue2.Vue3.小程序组件库京东风格的轻量级移动端 Vue.React 组件库https://nutui.jd.com/#/component/form 用法: ...
vant Weapp版本没有自带表单校验
自己实现一个简单的rules-form工具类在utils文件下创建rules-form.js // 表单校验 /*** 规则* rules: {* name: [* {required: true, ...

Layui自定义表单校验规则

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

最新文章

热门文章