1

我的页面上有多个输入字段。输入无效数据时,我用 CSS 红色边框对它们进行正则表达式。

在将数据插入数据库之前,我想一次简单地检查该类的所有输入字段。以下是我的想法,但失败了。

if($('input').css("border") == "2px solid red"){//1 or more red borders to flag
    alert('yes');
}else{
    alert('no'); // there are no red borders in all inputs 
}
4

2 回答 2

4

我不会检查你的 CSS 类...

在提交之前重新运行您的验证功能。用它来检查一切是否正常。另外,不要忘记验证服务器端!

于 2012-06-15T22:12:49.663 回答
1

如果您想为所有一组输入添加红色边框,您可以这样做

$("input").css('border','1px solid red');

否则,如果你想通过 jquery 检查输入是否有类,你可以使用 .hasClass 方法。

假设您有一个名为 validate() 的 validate 函数,它将在执行时返回 false 或 true 以及具有特定类的特定输入组

<input class="validate" type="text" />
<input class="validate" type="text" />  

$(".validate").each(function(){
 if(  !validate( $(this).val() ) ){
 $(this).css('border','1px solid red'); //add red border
 $(this).focus(); //focus the element
 alert("you didn't pass the validation"); //alert message error
 return false; //stops the loop
}

});

这将使用 validate 类检查所有输入,并将显示不满足验证功能的输入的错误消息

于 2012-06-15T22:34:57.210 回答