有时会出现不引人注目的验证,有时则不会。
仅当我显式调用表单的 valid() 函数(在提交期间完成)时,不引人注目的验证才能可靠地工作
为什么会这样?
代码:
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery.validate.min.js" type="text/javascript"></script>
<script src="jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<form action="/User/Input" id="fxUser634377199694370000" method="post">
<fieldset>
<legend>Person</legend>
<div class="editor-label">
<label for="Firstname">Firstname</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-required="The Firstname field is required." id="Firstname" name="Firstname" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Firstname" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Lastneim">Lastneim</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-required="The Lastneim field is required." id="Lastneim" name="Lastneim" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Lastneim" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Age">Age</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-number="The field Age must be a number." data-val-required="The Age field is required." id="Age" name="Age" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Age" data-valmsg-replace="true"></span>
</div>
<p>
<input type="submit" id='fxUser634377199694370000_Saver' value="Save" />
</p>
</fieldset>
</form>
<script type="text/javascript">
$(function () {
$('#fxUser634377199694370000_Saver').click(function (e) {
e.preventDefault();
if ($('#fxUser634377199694370000').valid())
;
else {
alert('not ok');
return;
}
alert($('#fxUser634377199694370000').serialize());
});
});
</script>
功能代码,无服务器代码,仅 html 和客户端(jquery 库):http://www.sendspace.com/file/913i1w
最佳答案
docs说:“在字段被标记为无效之前,验证是惰性的:在第一次提交表单之前,用户可以通过选项卡浏览字段而不会收到烦人的消息 - 在他有机会实际输入之前,他不会被窃听正确的值”。
这就是你的烦恼吗?
关于jquery - 为什么 jQuery 验证不能可靠地工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5566543/