我已经用Jquery编写了以下简单的验证代码，一切工作正常，但仅显示最后一个字段的错误。我已经开始将这个字段集与一个错误div放置在一起：
<fieldset data-check-id="1">
<div class="fs-error"></div>
<input type="text" size="50" id="ptitle" name="title" />
<input type="text" id="address" name="p_address">
</fieldset>
接下来，我尝试了这样的事情
function check($fs){
var ok = true;
switch($fs.attr('data-check-id')){
case '1':
$ptitle = $('#ptitle',$fs);
$address = $('#address',$fs);
//title
if ($ptitle.val().length == 0) {
ok=false;
jQuery( "#ptitle" ).css( "border-bottom", "2px solid red" );
jQuery('.fs-error').html('<span style="color:red;"> Error 1 </span>');
jQuery('.fs-error').show();
}
else{
jQuery( "#ptitle" ).css( "border-bottom", "2px solid rgb(0, 102, 0)" );
jQuery('.fs-error').hide();
}
//Address
if ($address.val().length == 0) {
ok=false;
jQuery( "#address" ).css( "border-bottom", "2px solid red" );
jQuery('.fs-error').html('<span style="color:red;"> Error 2 </span>');
jQuery('.fs-error').show();
}
else{
jQuery( "#address" ).css( "border-bottom", "2px solid rgb(0, 102, 0)" );
jQuery('.fs-error').hide();
}
break;
}
if(ok === true){
$fs.attr('data-complete', true);
return true;
}
else{
$fs.attr('data-complete', false);
return false;
}
}
检查功能
function form_completeCheck(){
var ok = true;
$('fieldset').each(function(index,elem){
$this = $(this);
if ($this.attr('data-complete') != 'true') {
ok = false;
};
})
if (ok === true) {
//go go go..
return true;
}
else{
// stop
return false;
}
}
现在一切正常，但是如果标题和地址均未填写，则仅显示地址错误（错误2）。如果插入地址，标题输入将以红色边框突出显示，但不会显示其消息（错误1）。我做错了什么？提前致谢
当有2个错误时，仅显示第二个错误，因为您将用此行完全重写fs-error div（擦除之前的错误）：
jQuery('.fs-error').html('<span style="color:red;"> Error 2 </span>');
在第二种情况下，由于您在第二个地址验证中隐藏了div，因此未显示错误1：
jQuery('.fs-error').hide();
您只想在没有错误的情况下将其隐藏。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句