您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何在不通过jQuery提交的情况下强制进行html5表单验证

如何在不通过jQuery提交的情况下强制进行html5表单验证

要检查某个字段是否有效,请使用:

$('#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验证。

JS 2022/1/1 18:18:50 有306人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶