const resetFields = () => { // 重置element-plus 的表单 formRef.value?.resetFields() } // 表单验证 const validate = () => { return new Promise((resolve, reject) => { formRef.value?.validate((valid) => { if (valid) { resolve(true) } else { reject(false) } }) }) } const ...
2、validatePass是校验Password密码的,里面ruleFormRef.value.validateField('checkPass')是校验Confirm确认密码的,适用的业务场景是,在密码修改完成后,重新校验确认密码与密码是否符合校验规则,比如是否一致3、rules可以不是响应式,有没有必要看具体业务 有用1 回复 撰写回答 你尚未登录,登录后可以 和开发者交流问题的...
ERROR formEl.validate is not a function TypeError: formEl.validate is not a function at Proxy.submitForm (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/basic/component.vue?
现在写法:description: [validateLen(200)] 其中,validateLen是我封装的一个方法。 使用步骤: 1、在uitls文件夹中新建一个validate.js文件。 2、定义需要验证的方法 3、在需要使用的页面中引入import { validateLen, validateChart_ } from '@/utils/validate' 4、在用于校验的rules中使用。例如:description: [v...
import {ElMessage} from 'element-plus'; export default { setup() { const route = useRoute(); const datadialog = ref(false) // 新增弹窗 const upload = ref(""); //上传 const ruleFormRef = ref(null); //表单 let formSize = 'default'; ...
{validator: validatePass,trigger:'blur'} ] })// 是否登录成功constsuccessMode = ref<boolean>(false)// 重置表单constresetForm= () => {// 笨办法这么写:// loginForm.value.email = ''// loginForm.value.pass = ''// 明眼人这么写:constform =unref(loginFormRef) ...
export function validateUsername(rule: any, value: any, callback: any, isEdit: boolean) { const flag = new RegExp(/^([a-z\d]+?)$/).test(value); if (!flag) { callback(new Error('用户名支持小写英文、数字')); } if (isEdit) { return callback(); } //根据用户名称进行查询接口...
Element Plus中的表单校验主要依赖于el-form和el-form-item组件。el-form组件提供表单校验的功能,而el-form-item组件则用于定义表单项及其校验规则。 3. 展示如何在Vue3中使用ElementPlus进行表单校验的步骤 步骤一:创建表单组件 在你的Vue组件中,使用el-form和el-form-item来创建表单。每个el-form-item对应一个表...
vue3+element-plus表单验证以及提交 1.定义验证规则包括用户名、密码以及确认密码 const validatePass = (rule, value, callback) => { if (value === '') { callback(new Error('确认密码不能为空!')); } else if (value !== userForm.password) {...
但是不可避免的,需要趟一些雷,比方说element-plus的表单验证功能。由于setup里取消了this获取实例,就突然变得不知所措。以下是我填坑的一些经验。 先看element-plus官方文档中的验证写法。 methods: { submitForm(formName) {this.$refs[formName].validate((valid) =>{if(valid) { ...