validateForm 的簡單版本 - daniel-qa/Vue GitHub Wiki
validateForm 的簡單版本
// 表單驗證函式 (if true next, false return)
function validateForm(formEl) {
if (!formEl) {
ElMessage.error("表單元素不存在");
return false; // 直接中斷
}
let result = false;
formEl.validate((valid) => {
if (valid) {
result = true; // 驗證成功
} else {
ElMessage.error("表單驗證失敗,請檢查錯誤");
}
});
return result; // 回傳 true 或 false
}
// 提交表單
function handleSubmit() {
if (!validateForm(formEl.value)) return; // 如果驗證失敗直接中斷
// 驗證成功繼續執行
ElMessage.success("表單提交成功!");
// 這裡可以進行 API 請求等後續操作...
}