我有以下jQuery检查提交表单：
$('#register_button').click(function (e) {
var valid = true;
$('.controls input').each(function () {
if ($(this).siblings().hasClass('error')) {
valid = false;
alert('errors!');
e.preventDefault();
return false;
}
});
});
这是我输入的HTML结构：
<div class="controls">
<input type="text" name="register_postcode" id="register_postcode" value="<?=(isset($_REQUEST['register_postcode']) ? $_REQUEST['register_postcode'] : 'xxxxxx')?>" />
<div class="info"> </div>
<div class="valid" style="display:none;"> </div>
<div class="error" style="display:none;"> </div>
</div>
但是当我提交表单并且没有错误时,警报仍然显示并且表单未提交.
有任何想法吗？
解决方法
从我可以看到的输入元素是有效的,您不是删除具有类错误的元素,它只是隐藏.
因此,将测试更改为检查是否存在具有类错误的兄弟,以及错误是否可见
$('#register_button').click(function (e) {
var valid = true;
$('.controls input').each(function () {
if ($(this).siblings('.error:visible').length) {
valid = false;
alert('errors!');
e.preventDefault();
return false;
}
});
});
你也可以这样做
$('#register_button').click(function (e) {
if($('.controls .error:visible').length){
alert('errors!');
e.preventDefault();
}
});
