在一些用户注册场景中,提交整个表单前有时候我们会做一些单独字段的校验,例如发送手机验证码,发送时我们只需要校验手机号码这个字段,可以这样做: this.$refs['form'].validateField('mobile', valid => { if (valid) { // 发送验证码 } }) 1. 2. 3. 4. 5. 如果需要多个参数,将参数改为数组形式即可。
对于select,失焦时常常不能触发校验,如下没有选择内容失焦时不能触发必填校验。 可以给select添加blur和change的处理函数,在处理函数中调用表单的validateField方法,单独对该字段进行校验。 建议同时添加blur和change的处理函数,不然会出现blur时校验,但选择内容后校验不消失的问题。 1 <el-form-item 2 label="选择" ...
this.$refs['form'].validateField('mobile', valid => { if(valid) { // 发送验证码 } }) 如果需要多个参数,将参数改为数组形式即可。 七、弹窗重新打开时表单上次的校验信息未清除。 原因: 有时会在open时在$nextTick里重置表单,而我选择在关闭时进行重置。 1 2 3 4 5 6 7 8 9 <el-dialog @c...
}elseif(regExp.test(value) ===false) {callback(newError('8-16字母和数字组成,不能是纯数字或纯英文')) }else{if(this.ruleForm.repass!=='') {this.$refs.ruleForm.validateField('repass') }callback() } } 注册提交按钮事件: submitForm (formName) {this.$refs[formName].validate((valid)...
自定义验证规则也无效单独给不验证的框进行自定义验证也报错 但是命名已经设置了prop[Element Warn]please pass correct props! 相关代码 // 请把代码文本粘贴到下方(请勿用图片代替代码) that.$refs.addForm.validateField("addSWP", function() {}); 你期待的结果是什么?实际看到的错误信息又是什么? 控制台只打...
自定义验证规则也无效单独给不验证的框进行自定义验证也报错 但是命名已经设置了prop[Element Warn]please pass correct props! 相关代码 // 请把代码文本粘贴到下方(请勿用图片代替代码) that.$refs.addForm.validateField("addSWP", function() {}); 你期待的结果是什么?实际看到的错误信息又是什么? 控制台只打...
this.$refs['form'].validateField('mobile', valid => { if (valid) { // 发送验证码 } }) 7、弹窗重新打开时表单上次的校验信息未清除 有人会在open时在$nextTick里重置表单,而我选择在关闭时进行重置。 <el-dialog @close="onClose"> </el-dialog> ...
this.$refs['form'].validateField('mobile', valid => { if(valid) { // 发送验证码 } }) 复制代码 如果需要多个参数,将参数改为数组形式即可。 7、弹窗重新打开时表单上次的校验信息未清除 有人会在open时在$nextTick里重置表单,而我选择在关闭时进行重置。
this.$refs['form'].validateField('mobile', valid => { if (valid) { // 发送验证码 } }) 如果需要多个参数,将参数改为数组形式即可。 7、弹窗重新打开时表单上次的校验信息未清除 有人会在open时在$nextTick里重置表单,而我选择在关闭时进行重置。
this.$refs['form'].validateField('mobile',valid=>{if(valid){// 发送验证码}}) 如果需要多个参数,将参数改为数组形式即可。 7、弹窗重新打开时表单上次的校验信息未清除 有人会在open时在$nextTick里重置表单,而我选择在关闭时进行重置。 代码语言:javascript ...