vue中input输入框的校验

校验函数yyxtsqdwdmValidate(rule, value, callback) {console.log(value)if (value) {if (!/^\d+$/.test(value)) {callback('应用系统事权单位代码只允许输入数字')} else {callback()}} else {.

Distance-X

11823人浏览 · 2020-06-24 10:24:27

Distance-X · 2020-06-24 10:24:27 发布

在这里插入图片描述

校验函数

yyxtsqdwdmValidate(rule, value, callback) {
        console.log(value)
        if (value) {
          if (!/^\d+$/.test(value)) {
            callback('应用系统事权单位代码只允许输入数字')
          } else {
            callback()
          }
        } else {
          callback()
        }
      },

解释一下，value是input输入框的值，rule校验规则，callback是vue提供的返回函数，方法执行完毕，callback必须进行返回，rule规则可以自定义

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^