element-plus 如何通过js验证页面的表单

1. 隐藏元素标记字段prop

2. 验证方式

const validateHiddenForm = () => {try {const { formRules, formData} = propsconst elements = document.querySelectorAll('.announce-content .is-required > .el-form-item__content > .form-item-prop');Array.from(elements).forEach(element => {const formItemProps = element?.textContent?.trim() || ''const [rule] = formRules?.[formItemProps] || []formData.announces.forEach((announce: IAnyObject) => {if (rule.validator) {rule.validator?.('', announce[formItemProps], vailCalllback)} else if (!announce[formItemProps]) {throw new Error(`${rule.message}`)}})})} catch (error: Error | any) {console.log('***********error', error.message);console.error(error);message(error?.message || error, 'error')return Promise.reject(error)}
}

 const vailCalllback = (val?: Error) => {if (val) {console.log('*********hahah', val)throw val}
}