点击功能有问题

发布于 2024-12-31 21:46:05 字数 386 浏览 0 评论 0原文

$('#delete').click(function (e) {
    e.preventDefault();
    var result = true;
    if($('.checkbox:checked').length < 1) {
        $.notifyBar({
            cls: "error",
            html: 'At least 1 checkbox must be checked.',
            delay: 5000
        });
        result = false;
    }
    return result;
});

问题是如果一切顺利，按钮不会提交表单有没有什么不对的地方？

原文

$('#delete').click(function (e) {
    e.preventDefault();
    var result = true;
    if($('.checkbox:checked').length < 1) {
        $.notifyBar({
            cls: "error",
            html: 'At least 1 checkbox must be checked.',
            delay: 5000
        });
        result = false;
    }
    return result;
});

the problem is button doesn't submit form if all goes well
Is there any wrong?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

魂ガ小子 2025-01-07 21:46:05

对 e.preventDefault() 的调用会阻止提交表单的按钮的默认操作。仅当您不希望发生提交时才需要调用它。

$('#delete').click( function(e) {
  if($('.checkbox:checked').length<1){
    $.notifyBar({
      cls: "error",
      html: 'At least 1 checkbox must be checked.',
      delay: 5000
    });

    // Invalid, stop the submit
    e.preventDefault();
  }
})

The call to e.preventDefault() is preventing the default action of the button which is to submit the form. You need to only call that when you don't want a submit to occur.

$('#delete').click( function(e) {
  if($('.checkbox:checked').length<1){
    $.notifyBar({
      cls: "error",
      html: 'At least 1 checkbox must be checked.',
      delay: 5000
    });

    // Invalid, stop the submit
    e.preventDefault();
  }
})

回复收藏 0 原文

离去的眼神 2025-01-07 21:46:05

我认为这就是您想要做的：

$('#delete').click(function (e) {
    var result = true;

    if($('.checkbox:checked').length < 1) {
        $.notifyBar({
            cls: "error",
            html: 'At least 1 checkbox must be checked.',
            delay: 5000
        });
        result = false;
    }

    if(!result) e.preventDefault();
});

无论您从函数返回什么，对 e.preventDefault(); 的调用都将阻止提交按钮提交。在我的编辑中，只有当结果为 false 时才会阻止默认操作。

I think this is what you're trying to do:

$('#delete').click(function (e) {
    var result = true;

    if($('.checkbox:checked').length < 1) {
        $.notifyBar({
            cls: "error",
            html: 'At least 1 checkbox must be checked.',
            delay: 5000
        });
        result = false;
    }

    if(!result) e.preventDefault();
});

The call to e.preventDefault(); will prevent the submit button from submitting no matter what you return from the function. In my edit the default action is only prevented if result is false.

回复收藏 0 原文

我家小可爱 2025-01-07 21:46:05

使用 e.preventDefault(); 将阻止表单提交，即使返回 true 也是如此。

回复收藏 0 原文

浅唱々樱花落 2025-01-07 21:46:05

您应该将其放入 onsubmit 处理程序而不是 click 处理程序中。另外，请确保您希望他们单击的按钮属于提交类型：

 function doSubmit()
 {
    var result = true;

    if($('.checkbox:checked').length < 1) {
        $.notifyBar({
            cls: "error",
            html: 'At least 1 checkbox must be checked.',
            delay: 5000
        });
        result = false;
    }

    return result;
  }


 <form onsubmit="return doSubmit()">

     Checkboxes....

     <input type="submit" value="submit" />
 </form>

You should put this in the onsubmit handler instead of the click handler. Also, ensure the button that you want them to click is of type submit:

 function doSubmit()
 {
    var result = true;

    if($('.checkbox:checked').length < 1) {
        $.notifyBar({
            cls: "error",
            html: 'At least 1 checkbox must be checked.',
            delay: 5000
        });
        result = false;
    }

    return result;
  }


 <form onsubmit="return doSubmit()">

     Checkboxes....

     <input type="submit" value="submit" />
 </form>

回复收藏 0 原文

~没有更多了~