Question

我的页面上有多个输入字段。当输入无效数据时，我使用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 
}

Answer 1

我不会检查你的CSS课程......

在提交之前重新运行验证功能。用它来检查一切是否良好。另外，不要忘记验证服务器端！

Answer 2

如果你想为所有一组输入设置红色边框，你可以这样做

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

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

并且假设您有一个用于验证名为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
}

}）;

这将通过类验证检查所有输入，并显示不满足验证功能的输入的错误消息

验证css属性的多个输入

2 个答案: