是否可以使用HTML required属性检查所需的输入而无需实际提交表单？

Question

我有一个带有onclick事件的提交按钮：

<input type='submit' name='add-row' onclick='addRow()' value='+'>

我的输入文本框都具有required属性。如果必填字段不包含数据，我想阻止onclick事件，但看起来只在提交时检查必填字段。我不想提交，因为这导致页面重新加载（我将有另一个按钮，以便稍后提交所有表单）。

有没有办法可以更快地强制检查必填字段，还是必须在onclick函数中手动检查每个字段？

Answer 1

OnClick事件处理程序需要运行脚本代码来检查数据的各个表单字段，然后仅在数据可接受时返回true，否则返回false以中止提交。

更新：您应该在表单本身上使用OnClick事件处理程序，而不是在提交按钮上使用OnSubmit事件处理程序。这样，让验证脚本返回true / false具有更多意义。

Answer 2

看看HTML5模式属性。有关详情，请访问http://www.w3schools.com/tags/att_input_pattern.asp

如果正则表达式模式与输入字段不匹配，它会阻止表单被提交。

Answer 3

尝试以下方法：

目的：

• 使用输入的必需属性进行验证。
• 不允许表单通过get或post方法提交，但希望以编程方式使用javascript执行某些dom操作。
• 我试图做这一切的原因是因为我的表单处于模态并且在提交时，我需要进行一些验证，包括检查是否已经检查了一组复选框。

  

我们可以使用onsubmit =“function（）”和表单的动作属性，方法如下：

<form onsubmit = "someFunc()" action="javascript:void(0)">
<input .........  required>
<input type="submit" value="submit">

上述代码的作用是，当您点击提交时，您可以验证表单中包含必需属性的输入字段。当动作设置为javascript：void（0）

时，表单也不会被提交

现在，您可以在函数 sumfunct 中执行所需的操作，例如验证。

例如，我必须检查是否已经检查了一组复选框。 所以我使用了以下代码。

if($('div.checkbox-group.required :checkbox:checked').length > 0){
return true; } else { return false;}

希望这有帮助！