Layui默认表单校验规则

相关博客：Layui自定义表单校验规则

<div class="layui-form"><input type="text" class="layui-input" name="username" lay-verify="required" autocomplete="off" placeholder="请输入用户名"><input type="text" class="layui-input" name="phone" lay-verify="required|phone" autocomplete="off" placeholder="请输入手机号" >
</div><script>let obj = form.render();//得引入form并定义let verify = obj.config.verify;console.log(verify);    //打印这个，//我们既支持上述函数式的方式，也支持下述数组的形式//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]form.verify({date:  [/^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/,'日期格式不正确'],email: [/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,'邮箱格式不正确'],identity: [/(^\d{15}$)|(^\d{17}(x|X|\d)$)/,'请输入正确的身份证号'],number: function(value, item){  // value：表单的值、item：表单的DOM对象if(!value||isNaN(value))return"只能填写数字"},phone: [/^1\d{10}$/,'请输入正确的手机号'],required: [/[\S]+/,'必填项不能为空'],url: [/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/,'链接格式不正确']});
</script>

Layui默认表单校验规则相关推荐

工作188：表单校验规则
1绑定rules <el-dialog title="新建账号" :visible.sync="dialogFormVisible" @close=&qu ...
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& ...
antd 自定义表单校验规则
html部分 <a-form-item name="username"><a-input v-model:value="loginForm.userna ...
基于vue3的京东nutui组件库的表单校验规则：怎样进行表单验证？怎样只使用指定的某一个规则进行校验呢？
官网: NutUI - 移动端 Vue2.Vue3.小程序组件库京东风格的轻量级移动端 Vue.React 组件库https://nutui.jd.com/#/component/form 用法: ...
2.vue3医疗在线问诊项目 - _登录模块 ==＞代码片段、css变量主题定制、cp-nav-bar组件封装、svg打包精灵图插件、cp-icon组件封装、表单校验、密码登录、短信验证码登录及两者
2.医疗在线问诊项目 - _登录模块 ==> 代码片段.css变量主题定制.cp-nav-bar组件封装.svg打包精灵图插件.cp-icon组件封装.表单校验.密码登录.短信验证码登录及两者的 ...
vant Weapp版本没有自带表单校验
自己实现一个简单的rules-form工具类在utils文件下创建rules-form.js // 表单校验 /*** 规则* rules: {* name: [* {required: true, ...
EelemntUI中e-form表单校验的使用以及表单校验的规则
场景 Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可. 官方示例代码 <el-form ...
layui的表单——自定义验证规则
最近layui的表单用的比较多,所以整理来一下自定义的验证如下(下面是自己写的例子): layui的官网引入layui之后 html <form action="" cla ...
Element-ui Form表单校验-兜底校验-自定义检验规则
用户登录表单-数据双向绑定 <template><div class="form-container"><el-form label-width=&q ...

Layui默认表单校验规则

Layui默认表单校验规则相关推荐

最新文章

热门文章