在使用Java脚本验证表单时，如果用户不输入任何信息并按Enter键，则会在下拉列表中显示红色边框。但是，在输入此信息之后，它再次显示红色框。请帮助我从中退出问题。
if(qty_val > 0)
{
if(jq(this).val() == "Choose One" || jq(this).val() == "Please Select if Ordering" || jq(this).val() == "Please Choose Color" )
{
var errorMsg = attr_name.replace("vwattr"+attr_nbr+"_","");
alert("Please select proper "+errorMsg+" in related Items");
jq(this).css("border", "1px solid red").focus();
event.preventDefault();
return false;
}
}
has-error在元素上添加和删除类（即）会更简单，因此您可以通过删除类来保留其较早的设置。简化示例：
CSS：
.has-error {
border: 1px solid red;
}
JS：
$('#test').click( function() {
if($('#myinput').val() == "Write Something") {
$('#myinput').addClass('has-error');
event.preventDefault();
return false;
} else {
$('#myinput').removeClass('has-error');
}
});
在此处查看简单的示例：http : //jsfiddle.net/daLdmgub/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句