javascript - 防止表单提交 - jquery

Question

我想检查单击提交按钮后是否至少有一个复选框在表单中选中，如果没有，用户应该收到消息并且表单不应提交，所以我编写了以下代码:

 jQuery(document).ready(function ($) {
    $('#price_quote_create_invoice').click(function () {
       $('.price-quotes-table input[type="checkbox"]').each(function () {
           if ( $(this).is(':checked') ){
                $('#post').submit();
                return false;
           } else {
               alert("You didn't chose any checkbox!");
               return false;
           }
       }) ;
    });
});

但是，在我按警报框上的“确定”后，表单确实会提交。

知道为什么会发生这种情况吗？

Answer 1

你的代码几乎是正确的。

您在点击事件上返回 false，但您真正想做的是停止提交事件。

像这样改变。

$('#yourFormId').submit(function(){
  if (!$(this).find('input[type="checkbox"]:checked').length) {
   alert("You didn't chose any checkbox!");
   return false;
  }
});