还剩3页未读,继续阅读
文本内容:
表单校验规则elementui表单校验规则ElementUI
一、必填项required.必须指定属性1required比如el-input v-model=form.name required/.如果多个规则同时应用,请使用属性定义要求验证的表单触发2triggers事件默认为“blur,change”比如el-input v-model=form.name requiredtriggers=change/
二、字符串最大长度max-length.必须指定属性,当超出最大长度限制时,返回一个自定义的1maxlength错误消息比如el-input v-model=form.name maxlength=20/.建议在组件上直接写属性,若在环境中使用,可以使用2maxlength JS来指定最大长度,来检测最大长度是个字符max validator.max66
三、最小长度min-length.必须指定属性,当小于最小长度限制时,返回一个自定义1minlength的错误消息比如el-input v-model=form.name minlength=4/.建议在组件上直接写属性,若在环境中使用,可以使用2minlength JSmin来指定最小长度,来检测最小长度是个字符validator.min44
四、字符串类型type.必须指定属性,来指定要验证的类型,支持、1type textemaik urlnumberdate^teL比如el-input v-model=form.name type=text/可以使用来检测字符串类型,支持正则表达式
2.validator.string
五、正则表达式pattern.必须指定属性,根据正则表达式匹配字符串,可以使用“属性1pattern i”帮助正则表达式匹配不区分大小写比如el-input v-model=form.name pattem=/A[0-9]*$/i/可以使用来检测字符串是否符合正则表达式的要求
2.validator.test
六、数字类型number.必须指定属性,来验证输入是否为有效的数字1number比如el-input v-model=form.name number/可以使用来检测字符串是否为有效的数字
2.validator.number
七、数据长度范围range.必须指定和属性,来限制输入的最大最小值1min max比如el-input v-model=form.name min=l max=5/可以使用来检测数据的范围
2.validator.between
八、日期类型date.必须指定属性,来验证输入是否为有效的日期1date比如vel-input v-model=form.name date/可以使用来检测字符串是否为有效的日期格式
2.validator.date
九、邮箱类型email.必须指定属性,来验证输入是否为有效的邮箱格式1email比如el-input v-model=form.name email/可以使用来检测字符串是否为有效的邮箱格式
2.validator.email
十、手机号码类型telephone.必须指定属性,来验证输入是否为有效的手机号码格式比1telephone如el-input v-model=form.name telephone/.可以使用来检测字符串是否为有效的手机节码格2validator.telephone。