添加和删​​除并添加具有相同类的多个输入的类

时间:2015-03-18 04:37:09

标签: javascript jquery

我试图删除具有相同输入类的类。它基本上是一个表单验证,但我有一个动态表单,可以添加和删除输入。因此,对于这些动态字段,我尝试根据提交添加和删除类。

这就是我所拥有的:

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

}); 

为数量,名称,价格和小计类。错误未显示。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这个变量?你宣布这个吗?

chooseclient.removeClass("inputerror");