我的应用程序中有此表单,我将通过AJAX提交它,但是我想使用HTML5进行客户端验证。因此,我希望能够通过jQuery强制进行表单验证。
我想触发验证而不提交表单。可能吗?
要检查某个字段是否有效,请使用:
$('#myField')[0].checkValidity(); // returns true/false
要检查表格是否有效,请使用:
$('#myForm')[0].checkValidity(); // returns true/false
如果要显示某些浏览器具有的本机错误消息(例如Chrome),很遗憾,唯一的方法是提交表单,如下所示:
var $myForm = $('#myForm'); if(! $myForm[0].checkValidity()) { // If the form is invalid, submit it. The form won't actually submit; // this will just cause the browser to display the native HTML5 error messages. $myForm.find(':submit').click(); }
希望这可以帮助。请记住,并非所有浏览器都支持HTML5验证。