我有一个带有 onclick 事件的提交按钮：
<input type='submit' name='add-row' onclick='addRow()' value='+'>
我的输入文本框都有这个required属性。如果必填字段不包含数据，我想阻止该onclick事件，但看起来必填字段仅在提交时检查。我不想提交，因为这会导致页面重新加载（稍后我将有另一个按钮用于一次提交所有表单）。
有没有办法更快地强制检查必填字段，还是我必须在我的onclick函数中手动检查每个字段？
问问题
3250 次
3 回答
1
事件OnClick处理程序需要运行脚本代码来检查各个表单字段的数据，然后true仅在数据可接受时返回，否则返回false以中止提交。
更新：与其OnClick在提交按钮上使用事件处理程序，不如OnSubmit在表单本身上使用事件处理程序。这样，让验证脚本返回 true/false 具有更多意义。
于 2013-06-27T19:02:13.773 回答
0
看一下 HTML5 模式属性。更多信息请访问http://www.w3schools.com/tags/att_input_pattern.asp
如果输入字段不匹配正则表达式模式，它会阻止提交表单。
于 2013-06-28T20:16:02.820 回答
0
尝试以下操作：
目标：
- 使用输入的必需属性进行验证。
- 不允许表单通过 get 或 post 方法提交，但希望以编程方式使用 javascript 执行一些 dom 操作。
- 我试图做这一切的原因是因为我的表单处于模态并且在提交时，我需要做一些验证，包括检查一组复选框是否已被选中。
我们可以以不同的方式使用表单的 onsubmit="function()" 和 action 属性，如下所示：
<form onsubmit = "someFunc()" action="javascript:void(0)">
<input ......... required>
<input type="submit" value="submit">
上述代码的作用是允许您在单击提交时验证表单中具有required属性的输入字段。. 此外，表单不会被提交，因为操作设置为 javascript:void(0)
现在您可以在sumfunct函数中执行所需的操作，例如验证。
例如，我必须检查一组复选框是否已被选中。所以我使用了以下代码。
if($('div.checkbox-group.required :checkbox:checked').length > 0){
return true; } else { return false;}
希望这可以帮助！
于 2016-06-19T16:30:54.493 回答