Javascript 验证失败时停止页面重新加载

我目前正在进行javascript验证，所以在没有选中至少一个复选框的情况下，表单不会被sumbit。它将向用户抛出一条消息，以确保至少选择一个用户

我现在想做的是阻止表单执行任何其他操作，在我单击submit按钮后，它似乎会重新加载页面，如果它不执行此操作，则会更好

我目前的代码如下：

表格：

---

我在抛出警报和表单提交时没有问题，如果可以的话，我想知道如何触发preventDefault（或者在javascript查询中不允许这样做），因此除了显示错误之外什么都没有发生。

您应该使用

onClick=“return checkForm（this）；”

如果出现验证错误，您的表单将不会被提交

您需要在表单提交中使用事件处理程序来防止默认行为（提交）：

验证后使用“return false”，如

$("#formId").submit(function()
{
  if(someField == "")
   {
     $("#divId").text();
      return false;
   }
}

---

preventDefault（）将停止表单提交，在验证完成后，您需要重新提交表单谢谢，这是最简单的一个，已经过测试，现在可以按预期在该页面上运行。

  function checkForm(form)
      {

    if (document.querySelector('form[id="multi_message_form"] input[name="username[]"]:checked')) {
            document.frm_multi_message_form.action = "http://example.com/another-page/";
            document.frm_multi_message_form.submit();
        } else {
            alert("You must select at least one sitter to message");

        }
    return false;
      }

document.getElementById('multi_message_form').addEventListener('submit', function(evt) {
    evt.preventDefault();
})

$("#formId").submit(function()
{
  if(someField == "")
   {
     $("#divId").text();
      return false;
   }
}