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

Php 如何从验证的元素中删除错误类?,php,jquery,Php,Jquery,我在表单中进行了验证,当验证发生时,所有文本框边框颜色变为红色,但当字段成功验证时,如何从字段中删除此错误类 我的错误类的css是:。错误{border:2px solid#f00!重要;} 在jquery中,我们有什么权利从文本框中删除这个红色边框 成功:函数(){ } 我们必须在这里通过什么 $("Your jQuery selector").removeClass("error"); 请参见jquery设置了.error类的选择器的名称 假设它的id是txtEmail,那么您可以使用下面

我在表单中进行了验证,当验证发生时,所有文本框边框颜色变为红色,但当字段成功验证时,如何从字段中删除此错误类

我的错误类的css是:。错误{border:2px solid#f00!重要;} 在jquery中,我们有什么权利从文本框中删除这个红色边框

成功:函数(){ } 我们必须在这里通过什么

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

请参见jquery设置了.error类的选择器的名称

假设它的idtxtEmail,那么您可以使用下面的方法来删除.error

$("#txtEmail").removeClass("error");
试试下面的代码

<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");
    });
});

$(文档).ready(函数(){
$(“#btn2”)。单击(函数(){
$(“#btn1”).addClass(“一”);
});
$(“#btn3”)。单击(函数(){
$(“#btn1”)。删除类(“一”);
});
});

演示:

您的表单结构如何?假设是这样

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

在我看来,您正在使用jQuery插件。如果我是对的,那就继续读下去

默认情况下,当输入有效输入时,插件将删除
错误
类,并将分配
有效

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

在我看来,您已经设置了
success:function(){}
——这将删除删除
错误
类并分配
有效
类的默认行为——但您没有为成功分配新函数。因此,成功不会发生任何事情

因此,如果您对成功时的默认行为满意,那么只需从验证设置中删除
success:function(){}


我希望这能有所帮助。

试试
$('.error')。removeClass('error')Thanx以获取建议,但它没有work@ButaniVijay:我应用此功能,但当我单击“提交”按钮时,它会从所有文本框(包括未填充的文本框)中删除类,我只想从已填充的文本框中删除类,因此您可以使用其id进行删除,如我在回答中所述。是的,您可以使用其id并确实删除其类。我已经试过了。@yamwar您是使用类作为选择器还是其他什么?请尝试使用id或使用错误类以外的其他选择器。通过此$(“#b#u first_name”).validate(函数(){$('#b#u first_name').removeClass(“error”);});但对于所有的字段,我都要写这段代码,我有50到60个字段,我们可以用一行或几行使用元素或其他东西吗?如果验证规则相同,那么你可以使用公共函数来验证它,只需要传递id。更好的方法是使用html5不需要代码是的,你是对的,我使用jquery插件,但当我删除它时成功:一个div的函数{}文本框自动删除错误类,但其余div不能在同一页上有4-5个div,我在单个函数中对它们进行验证,所以不删除所有div的错误类有什么问题?请显示一些代码好吗?从您对其他答案的一条评论来看,您似乎多次调用.validate(),这不是使用此插件的理想方式。
success: function() { 
 $('Your-jquery-selector')removeClass("error");
} 
success: function() { 
 $('Your-jquery-selector')removeClass("error");
}