Element UI 自定义正则表达式验证

布满荆棘的人生 2022-06-10 00:25 195阅读 0赞

//指定数据中心的验证表单valiForm，验证规则rules
    <el-form :model="valiForm" :rules="rules" ref="valiForm" label-width="100px" class="demo-valiForm">
    
            <el-form-item label="名称：" :label-width="formLabelWidth" prop='name'>
              <el-input v-model="valiForm.name"></el-input>
            </el-form-item>
    
    </el-form>

//add('valiForm')方法要传验证表单名
    <el-button type="primary" @click="add('valiForm')">确 定</el-button>

data () {
        let nameRule1 = (rule, value, callback) => {
          let regExp = //;
          if (regExp.test(value) === false) {
               callback(new Error('不通过正则'));
            } else {
              callback();
          }
        };
    
        return {
          valiForm: {
              name: ''
          },
          rules: {
              name: [
                { required: true, message: '请输入名称', trigger: 'blur' },
                { min: 5, max: 10, message: '长度在 5 到 10 个字符', trigger: 'blur' },
                { validator: nameRule1, trigger: 'blur' }
              ] } }; },

methods:{
     add(formName) {
          this.$refs[formName].validate((valid) => { if (valid) { //通过验证执行 } else { //验证失败执行 console.log('error submit!!'); return false; } }); } }

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关身份证正则表达式验证

onKeyUp=“value=value.replace(/\[\\W\]/g,’’)”/（只能输入数字和字母） <div class="draw_cardnum">

梦里梦外;/ 2022年11月17日 10:19/ 0 赞/ 256 阅读

相关 element ui 自定义表单验证

element ui 表单验证 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="de

╰+哭是因爲堅強的太久メ/ 2022年09月10日 12:24/ 0 赞/ 217 阅读

相关正则表达式-注册表验证

正则表达式-注册表验证正则表达式正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符

电玩女神/ 2022年06月11日 22:59/ 0 赞/ 201 阅读

相关 Element UI 自定义正则表达式验证

//指定数据中心的验证表单valiForm，验证规则rules <el-form :model="valiForm" :rules="rules" ref="v

布满荆棘的人生/ 2022年06月10日 00:25/ 0 赞/ 196 阅读

相关正则表达式验证地址

正则表达式验证地址正则是个坑爹的事情，为了写正则从网上搜了好多表达式，但是都不符合情况不够完美，然后找见生成正则的几个地则可以验证，从而生成自己的近乎完美的表达式！！！

喜欢ヅ旅行/ 2022年06月01日 02:12/ 0 赞/ 313 阅读

相关 jq验证正则表达式

为了防止以后忘记,在此做记录 <!doctype html> <html lang="en"> <head> <meta char

布满荆棘的人生/ 2022年05月10日 10:44/ 0 赞/ 314 阅读

相关文本框验证正则表达式

只能输入数字： <input type="text" id="e_Phone" name="e_Phone"

川长思鸟来/ 2022年04月03日 01:47/ 0 赞/ 335 阅读

相关正则表达式-JS验证

1、纯数字 οnkeyup="value=value.replace(/\[^\\d\]/g,'')" 1-100之间的整数 var reg = /^((?!0)

Bertha 。/ 2022年04月02日 12:09/ 0 赞/ 387 阅读

相关 java 正则表达式验证

package com.fsti.icop.util.regexp; import java.util.regex.Matcher; impo

曾经终败给现在/ 2022年01月17日 03:07/ 0 赞/ 362 阅读

相关正则表达式验证手机号，正则表达式验证邮箱号，正则表达式验证QQ号，正则表达式验证微信号等

> 正则世界，唯我独尊 > > 编写项目的时候，多多少少都有些验证，用的时候费力气去写或者满世界的找需要的资料太麻烦 > > 就在这里进行汇总记录，后续会不断更新不断完

本是古典何须时尚/ 2021年09月21日 14:46/ 0 赞/ 618 阅读