为具有相同类的多个输入添加、移除和添加一个类

Add and remove and add a class for multiple inputs with the same class

本文关键字:添加 一个 同类 输入      更新时间:2023-09-26

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

这就是我所拥有的:

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

用于数量、名称、价格和小计类。错误没有显示。有什么想法吗?

这个变量?你申报了吗?

chooseclient.removeClass("inputerror");