我试图删除具有相同输入类的类。它基本上是一个表单验证,但我有一个动态表单,可以添加和删除输入。因此,对于这些动态字段,我尝试根据提交添加和删除类。
这就是我所拥有的:
var i_id = $("#i_id");
var choosec = $("#choose_c");
$('#submit').click(function(e){
if (choosec.val() == "none"){
choosec.addClass("inputerror");
$("#c-error").removeClass("hide-error");
$("#c-error").addClass("show-error");
e.preventDefault();
} else {
choosec.removeClass("inputerror");
$("#c-error").removeClass("show-error");
$("#c-error").addClass("hide-error");
}
if (i_id.val() == "" || i_id.val().length < 7){
i_id.addClass("inputerror");
$("#i-error").removeClass("hide-error");
$("#i-error").addClass("show-error");
e.preventDefault();
} else {
i_id.removeClass("inputerror");
$("#i-error").removeClass("show-error");
$("#i-error").addClass("hide-error");
}
$(".qty").each(function(){
if ($(this).val() == "" && $(this).is(':enabled')){
$(this).addClass("inputerror");
$("#qty-error").removeClass("hide-error");
$("#qty-error").addClass("show-error");
e.preventDefault();
} else {
$(this).removeClass("inputerror");
$("#qty-error").removeClass("show-error");
$("#qty-error").addClass("hide-error");
}
});
$(".name").each(function(){
if ($(this).val() == "" && $(this).is(':enabled')){
$(this).addClass("inputerror");
$("#name-error").removeClass("hide-error");
$("#name-error").addClass("show-error");
e.preventDefault();
} else {
$(this).removeClass("inputerror");
$("#name-error").removeClass("show-error");
$("#name-error").addClass("hide-error");
}
});
$(".price").each(function(){
if ($(this).val() == "" && $(this).is(':enabled') || $(this).val() == "0" && $(this).is(':enabled')){
$(this).addClass("inputerror");
$("#price-error").removeClass("hide-error");
$("#price-error").addClass("show-error");
e.preventDefault();
} else {
$(this).removeClass("inputerror");
$("#price-error").removeClass("show-error");
$("#price-error").addClass("hide-error");
}
});
$(".subtotal").each(function(){
if ($(this).val() == "" && $(this).is(':enabled') || $(this).val() == "0.00" && $(this).is(':enabled')){
$(this).addClass("inputerror");
$("#sub-error").removeClass("hide-error");
$("#sub-error").addClass("show-error");
e.preventDefault();
} else {
$(this).removeClass("inputerror");
$("#sub-error").removeClass("show-error");
$("#sub-error").addClass("hide-error");
}
});
});
为数量,名称,价格和小计类。错误未显示。有什么想法吗?
答案 0 :(得分:0)
这个变量?你宣布这个吗?
chooseclient.removeClass("inputerror");