以前用el-form的validate方法,都能够正常进入回调函数,代码下图所示:this.formAddGood.validate((valid: boolean) => { if (valid) { this.addGood(); } else { console.log('submit error'); } }); 但是无法进入回调函数。private rules = { goodName: { required: true, message: '请输入机名称', ...
第一次是正常的校验通过,所以valid为true,然后再执行saveContract方法的时候,因为执行的时有个错误——can't read properties from undefined (read xxx),导致这个表单校验的回调函数有执行了一遍,并且valid为false; 比较坑的一点是,在我们执行saveContrace方法报错的时候,一般来说,应该有错误打印在控制台的,但是vali...
el-form 的 validate 方法可以用来校验表单数据,它的回调函数可以用来处理校验结果。回调函数的参数是一个布尔值,表示校验结果是否通过。如果校验通过,回调函数会返回 true,否则返回 false。示例代码:```html。 <template>。 <el-form :model="form" :rules="rules" ref="form">。 <el-form-item label="用户...
在validate方法回调函数的第一行打印了日志,控制台没有任何输出,说明代码没有执行。 查阅了element文档以及度娘,有说是自定义校验方法的问题,但是把自定义校验相关代码及相关表单项都删除后问题还是没有解决。 各种尝试之后,最后发现是时间日期选择器这块的问题 校验规则rules中两个时间日期选择器的规则中带了type:date...
确认el-form的validate方法调用是否正确: 确保你在调用validate方法时,传入了正确的回调函数。以下是一个调用validate方法的示例: javascript this.$refs.myForm.validate((valid) => { if (valid) { alert('验证成功!'); } else { console.log('验证失败!'); return false; } }); 在上面的代码中...
本篇内容介绍了“el-form resetFields无效和validate无效如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 问题导入 在使用el-form过程中,尤其是表单验证这一块,官方提供的reserFields方法以及验证方面存在一些...
validate是ElementUI封装用于对整个表单进行验证的,参数是一个回调函数。该回调函数在校验结束后被调用,是否校验成功和未通过校验的字段。这个回调函数的原型为:function fn(rule,value,callback,source,options){},其中rule指向当前的规则对象,value是需要进行校验的值,callback是验证之后的执行回调,source是跟value的值...
// 如果要提示错误信息,那么通过第三个参数回调出去,参数值为Error实例 callback(new Error('请输入数值')) } } return { // 校验规则 rules:{ u:[ { type: 'url', required: true, message: '必须为规范的url地址', trigger: 'change' }, ...
当form使用data-toggle为ajaxform或者是validate的时候,表单的onSubmit()和submit按钮的click()事件明明return false;还是会提交。 如果将data-toggle变成ajax-search的话。不能得到ajax提交的data-callback也就是回调 如果将data-toggle设置为其他的话,或者使用form.submit()提交的话,则跳出框架外,导致回调内容显示出现...