为具有相同类的多个输入添加、移除和添加一个类
Add and remove and add a class for multiple inputs with the same class
我试图删除具有相同输入类的类。它基本上是一个表单验证,但我有一个可以添加和删除输入的动态表单。因此,对于那些动态字段,我试图根据提交来添加和删除类。
这就是我所拥有的:
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");
相关文章:
- 我可以在json对象中添加一个函数吗
- 单击更改图标并通过javascript添加一个css类
- 将添加一个相同类型的事件附加或覆盖以前添加的具有相同名称的事件
- 有没有添加一个ng点击到md背景
- 如何为下拉列表的每个选项添加一个属性
- 如何使用Javascript在给定的句子中找到大写单词并在其前面添加一个字符
- 在iframe中加载url并添加一个类
- 添加一个setTimeout方法会使jQuery悬停方法忽略setTimeout方法中的函数
- Jquery添加一个类之后,如何应用css
- jQuery在悬停时只添加一个类
- 添加一个javascript函数来下载elfinder上的事件
- 仅首先需要使用jasmine从节点添加一个文件
- 尝试添加一个选项以使用append进行选择,但没有任何结果
- 简单的Javascript方式,在输入字段的每5位数字后添加一个空格
- 如何使用JavaScript's”;应用“;方法,在数组之前添加一个额外的参数
- 在xsl中为body onload添加一个值
- 当用户单击按钮(在光标位置)时,在输入字段中添加一个文本字符串
- 添加一个元素,它's通过JS的类名
- 当我添加一个新数字时,如何获得一些数字的即时平均值
- 在跨度中每3个字符添加一个空格