我有一个没有的简单HTML5表单,<input type="submit">
因为提交表单的按钮不在表单本身之外。表单中有几个输入具有required="required"
属性设置。
我将提交的表单外的按钮附有以下代码:
$('#upgrade_submit').click(function(){
$('#cc-form-modal').submit();
return false;
});
单击该按钮时,它不会在必填字段上运行常规的HTML5验证。我究竟做错了什么?有没有办法在“强制”提交之前检查表单是否有效?
我通过添加一个隐藏的Submit输入元素实现了我的目标,如下所示:
<input type="submit" class="submit" style="display:none;">
然后,将以下代码附加到我的外部提交处理程序。
$('#upgrade_submit').click(function(){
$('#cc-form-modal .submit').click();
return false;
});
这将导致HTML5的验证运行,并显示默认错误消息,并且一切正常!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句