this.$refs['registerInfo'].validate((valid)=>{console.log(valid);if(!valid){console.log('error submit!!');returnfalse;}else{console.log('submit!');returntrue;}}); 这段方法就不会执行什么都不会输出
function validatePass(rule: any, value: string | number, callback: any): any { // 只能输入数字且小数点后最多两位 const reg = /^\d+(?=\.{0,1}\d{0,2}$|$)/; if (value) { if (typeof value === 'string' && value.charAt(0) === '-') { return callback(new Error('error!
你这个,先看看this.$refs[formName]是不是Undefined 解决方案2: vue element-ui使用自定义正则表达式: letvalidatePass= (rule, value, callback) => {letregExp =/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/if(value ==='') {callback(newError('请输入密码')) }elseif(regExp...
如果验证通过,但是没有加上callback(),则validate里面的代码会一直不执行。 小结:用于判断值的情况用value比较好, value的值为相对于的表单元素的v-model的值 rule是验证规则, callback是回调函数,每个判断结束,语句后面要callback(。。)结果给validate,不然validate会一直等待返回的回掉,不往下执行代码。
1.使用element官方提供的表单验证方法,提示this.$refs.ruleForm.validate is not a function错误。2.`<div class="detail-left" id="data" v-for="data in queryData"> <div class="notice-form" v-if="data.type == 'form'"> <el-form ref="ruleForm" :model="formData" label-width="190px" ...
test(value) === false) { callback(new Error('8-16字母和数字组成,不能是纯数字或纯英文')) } else { if (this.ruleForm.repass !== '') { this.$refs.ruleForm.validateField('repass') } callback() } } 注册提交按钮事件: submitForm (formName) { this.$refs[formName].validate((...
验证的每一项下都要 callback返回。 确保在每一种情况下都会执行callback 错误代码:在输入了电话并且验证通过的时候就会没有返回,让表单校验失效。 const validateMobileMethod = (rule, value, callback) =>…
this.$refs.xxx和document.getElementById(xxx) <a-form-model id="ruleForm" ref="ruleForm" > ... </a-form-model> let form = this.$refs.ruleForm; console.log(form); form = document.getElementById('ruleForm'); console.log(form);...
element ui 表单验证 this.$refs[formName].validate()里面的内容死活不执行 如图,代码一直不执行下面。 最主要的原因就是我们设置了自定义验证里面每一个判断都要有callback(),就是要保证最后执行到的是callback(),我是因为用了if elseif 忽略了最后的else中的callback。 解决办法就是必须加上callback();.....
el-form表单验证 vue使用element-ui的表单验证this.$refs[formName].validate的代码不执行百度到,如果自定义验证中,每种情况都要写明确和有回调函数callback,检查自己的代码,并没有这个错误,然后发现是因为 没写:model=“rateData”。加上去就好了 dialog配合表单采坑-无法获取表单的ref ...