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 請求等後續操作...
}