Question

我的表单中有验证，验证时所有文本框边框颜色变为红色，但是当字段成功验证时如何从字段中删除此错误类？

我的错误类css是：.error {border：2px solid＃f00！important;} 在jquery我们有权从文本框中删除这个红色边框？

成功：function（）{ } 我们要通过什么？

Answer 1

$("Your jQuery selector").removeClass("error");

请参阅jquery removeClass

Answer 2

您设置 .error 类的选择器的名称是什么。

考虑 id 是 txtEmail ，然后您可以按照以下方式删除 .error 类

$("#txtEmail").removeClass("error");

Answer 3

尝试以下代码

<input type="button" id="btn1" value="1" />
<input type="button" id="btn2" value="Add Class"/>
<input type="button" id="btn3" value="Remove Class"/>


$(document).ready(function() {
    $("#btn2").click(function(){
        $("#btn1").addClass("one");
    });

    $("#btn3").click(function(){
        $("#btn1").removeClass("one");
    });
});

演示：http://jsfiddle.net/zWAEf/

Answer 4

您的表单结构如何？假设它就像这样

<div id="testdiv>    // or any thing having id
    //your textboxes
 </div>

然后您可以按如下方式使用jquery。

<script>
//create one function which add and removes error class
function CheckValidation()
{
    var alltxt = $("#testdiv input[type='text']");
    for(var i=0;i<alltxt.length;i++)
    {
       if(validation condition fail)
       {
          alltxt[i].className = "error";
       }
       else
       {
          alltxt[i].className = "";
       }
    }
}
</script>

希望它有所帮助。

Answer 5

在我看来，你正在使用jQuery Validate插件。如果我没错，请继续阅读。

默认情况下，插件会在输入有效输入时删除error类，并指定valid类。

因此，您不必设置success:function(){}，除非您希望插件在成功时表现不同。

在我看来，你设置了success:function(){} - 它删除了删除error类和分配valid类的默认行为 - 但是你没有分配新函数为了成功。结果，成功没有任何结果。

因此，如果您对成功时的默认行为没有问题，那么只需从验证设置中删除success:function(){}即可。

我希望这会有所帮助。

Answer 6

success: function() { 
 $('Your-jquery-selector')removeClass("error");
}

如何从验证的元素中删除错误类？

6 个答案: