jquery - 表单中不存在带有“错误”类的输入时使用 jquery 进行表单验证

Question

我有一个表格：

<form id="FormId" method="post" enctype="multipart/form-data">
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"validate input-bg">​
<input type=​"text" class=​"validate input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"bg-datepicker">​
</form>

在这里我添加/删除错误类

   $("#ButtonId").click(function () {
                     $("#FormId input[type=text].validate").filter(function () {
                         this.value == '' ? $(this).addClass('error') : 
                     $(this).removeClass('error')
                     });
            });

当表单中不存在带有“错误”类的输入时如何验证此表单

Answer 1

不知道你需要什么..但听起来像..你需要检查元素的长度并检查是否存在..

 if($('.error').length == 0){ //check if there is element with class error
    //element with error class does not exists
 }else{
    //it exists
 }

但是，有很多已经构建的 jquery 验证插件。无需太多代码即可轻松使用.. 看看这里