我正在尝试学习如何验证表单,但我遇到了这个问题:
当我运行此代码并且我没有输入任何内容时 - 表单不应该发送,但它确实发送了。我的问题是......为什么,我该如何解决?
的HTML:
<form method="post" action="#">
<fieldset>
<legend>Formular</legend>
<label for="name">Name: </label>
<input type="text" class="required" name="name" value="" />
<br /><br />
<label for="pass">Password: </label>
<input type="password" class="required" name="pass" value="" />
<br /><br />
<input type="submit" value="Submit!" />
</fieldset>
</form>
jQuery:
$('#obal form').submit(function() {
$('.required').each(function() {
if($(this).val() == "") {
if (errorCount === undefined) {
var errorCount = 1;
} else {
++errorCount;
}
}
});
if (errorCount > 0) {
window.alert( 'You didnt pass' );
return false;
} else {
return true;
}
});
如果您知道代码可以采取的任何其他改进,您也可以告诉我,谢谢.. :-)