jQuery在提交按鈕單擊時顯示處理圖像，但如果表單中存在css錯誤類，則將其隱藏

Question

我有以下jQuery代碼：

$("#signUpFormSubmitButton").click(function(){
$('#processing').show();
});

這很好。 在表單上單擊“提交”按鈕后，我將顯示一個正在處理的旋轉圖形。

但是，如果表單上有錯誤（尚未提交表單），我不想顯示正在處理的旋轉圖形。 我也使用jQuery驗證表單，如果有錯誤，則會向表單輸入字段添加“錯誤” css類。

我想使用css錯誤類作為對此的標志。

我試過了：

if (!$("#myForm input").hasClass("error") ) {
    $('#processing').show();
}

但是沒有用。 任何幫助，不勝感激。

Answer 1

嘗試使用toggle（）方法和一個簡單的選擇器

$("#signUpFormSubmitButton").click(function(){
    $('#processing').toggle($("#myForm input.error").length > 0);
});

切換（showOrHide）

showOrHideA布爾值，指示是否顯示或隱藏元素。

Answer 2

if ($("#myForm input").hasClass("error") ) {
      //your error code here }
else {
      //your loading image
$('#processing').show(); }

Answer 3

您可以嘗試使用.error類計算元素的數量：

if ($("#myForm input.error").length != 0)
{
    $('#processing').hide();
} else {
  // Show your spinner here
}