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