jquery 在提交按钮单击时显示处理图像,但如果表单中存在 css 错误类则隐藏

标签 jquery css

我有以下 jQuery 代码:

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

这很好用。单击表单上的提交按钮时,我会显示一个正在处理的旋转图形。

但是,如果表单上有错误(表单尚未提交),我不想显示正在处理的旋转图形。我也使用 jQuery 验证我的表单,如果有错误,我会在表单输入字段中添加一个“错误”CSS 类。

我想使用 css 错误类作为标志。

我试过:

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

但是没有用。非常感谢任何帮助。

最佳答案

尝试使用 toggle()方法和一个简单的选择器

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

toggle(showOrHide)

showOrHideA Boolean indicating whether to show or hide the elements.

关于jquery 在提交按钮单击时显示处理图像,但如果表单中存在 css 错误类则隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5517162/

相关文章:

jquery - 滚动后固定 Bootstrap 导航栏

javascript - 查找段落内元素的周围字符

css - 如何在 IE8 中风格化::选择?

html - 如何在列表上进行多次悬停

html - 使用 CSS 不能做什么

javascript - 使用 django 和 ajax 重新加载页面而不刷新

jquery:在图像后淡入淡出

javascript - 缩略图刷新时禁用scrollIntoView()的自动垂直滚动

javascript - 单击时显示 html anchor 的标题属性

html - 响应式设计布局 CSS 菜单位置与标题 Logo 重叠