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
}