el-form-item 正则验证

      <el-form-item label="商品名称" prop="name"><el-inputtype="text"v-model.trim="param.name"style="width:640px"@change="handleChange"maxlength="30"></el-input></el-form-item>

rules:{name: [{validator: (rule, value, callback) => {console.log(value, 'lail ')if (!value) {callback(new Error('请输入商品名称'))} else {let chinese = []let noChinese = []chinese = value.split('').filter(item => {return /^[\u4e00-\u9fa5]{0,}$/.test(item) === true})noChinese = value.split('').filter(item => {return /^[\u4e00-\u9fa5]{0,}$/.test(item) !== true})var num = chinese.length * 2 + noChinese.lengthconsole.log(num)if (num < 4 || num > 30) {callback(new Error('请输入2到15个汉字。'))}}},trigger: 'blur',required: true}],
}

el-form-item 正则验证相关推荐

vue 表单验证正则_vue elementui form表单验证的实现
最近我们公司将前端框架由easyui 改为 vue+elementui .自学vue两周就开始了爬坑之路.业余时间给大家分享一下心得,技术新手加上第一次分享(小激动),有什么不足的地方欢迎大家指正, ...
【VUE+Elemet 】最全正则验证 + 表单验证 + 注意事项
目录一.正则验证 1.输入字母/数字/下划线: 2.请输入中英文/数字/下划线: 3.请输入中文/英文: 4.规范金额: 5.用户名不能全是数字: 6.中文: 7.非中文: 8.限制长度: 9.数字 ...
常用的正则验证，包含中国手机号，邮箱，银行卡号，身份证，网址等
一.创建正则表达式 1.方式1 正则表达式字面量被包围在一对斜杠中 let re1 = /ABC\-001/; 2.方式2 通过new RegExp('正则表达式')创建一个RegExp对象 cons ...
antd Form 表单验证
微信公共号开发,用户修改密码,对用户输入的密码进行校验 1. 必须填写 2. 字符串中必须包含大写字母,小写字母和数字 3. 长度不得小于6 代码实现: <Form.Item name='new ...
WPF TextBox 正则验证大于等于0 小于等于1 的两位小数
原文:WPF TextBox 正则验证大于等于0 小于等于1 的两位小数正则:^(0\.\d+|[1-9][0-9]|1)$ TextBox绑定正则验证 <TextBox x:Name=&q ...
jQuery Validate表单中文正则验证+手机号正则验证
话不多说先上图 <!DOCTYPE html> <html> <head><meta charset="utf-8"><tit ...
JS邮箱验证_手机号码验证_电话号码验证-正则验证
一.正则表达式 //对电子邮件的验证:^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$ //对 ...
微信小程序中的正则验证、手机号验证随笔
微信小程序中的正则验证.手机号验证随笔需求:小程序开发中的表单提交,涉及到手机号验证,必填项验证等问题微信小程序中不通过操作DOM节点来实现验证,因此绝了我想要通过节点直接获取值进行验证的想法 $ ...
vue密码正则验证表单验证_如何在Vue中使用表单验证
vue密码正则验证表单验证介绍 (Introduction) Almost every web application makes use of forms in some way, as such ...
在登录页面中js进行正则验证电话号码和邮箱地址，并使用ajax进行用户ID的数据库验证
本文说的是在登录页面中使用js进行正则验证并使用ajax进行用户ID的数据库验证,另外也加入键盘监听. 先看一下登录的jsp页面代码 <%@ page language="java&q ...

el-form-item 正则验证

el-form-item 正则验证相关推荐

最新文章

热门文章