【问题标题】:JQuery Disable Submit CallJQuery 禁用提交调用
【发布时间】:2014-03-02 14:04:27
【问题描述】:

我问过这个问题:Using JQuery to Disable Submit button and/or get Value of form action

但可能没有正确解释自己。我不一定要禁用提交按钮。我想要做的是,当单击此按钮时,我想拨打电话并将信息传递给弹出对话框。当对话框出现时,它有一个是/否的选择。当用户单击是/否时,它会返回并触发原始按钮命令以继续结帐过程的下一步。

但这是我的问题,我必须使用类名向下钻取到此按钮,因为此页面上的其他表单使用相同的按钮继续等等。

所以我希望能够从顶部 div 开始,然后按底部的继续按钮。然后我想调用我的模态对话框。我遇到的问题是我什至无法弹出警报框,当我单击按钮时,它会提交信息并继续下一步。

很抱歉重复发布到我原来的问题,但我没有得到任何发挥。 谢谢。

【问题讨论】:

    标签: jquery


    【解决方案1】:

    您只需将onsubmit 添加到表单中,然后使用带有confirm 对话框的函数,如下所示:

    Demo at jsFiddle

    HTML:

    <form>
        Username: <input type="text" name="user" />
        <input type="submit" value="Submit"/>
    </form>
    

    JS:

    $('form').submit(function(event) {
        return confirm("Are you sure you want to submit this form?");
    });
    

    【讨论】:

    • 我想避免修改表单,因为这将是一个插件。因此,当它安装完成后,我希望用户尽可能少地编写代码。
    • @sjramsay 我已经编辑了答案,所以您不会要求用户更改他的代码! jquery 代码在不改变原始形式的情况下工作。
    • 在我最初提供的代码中,你会看到一个顶级 div 有类似“select-shipping-address”类的东西。在同一页面上,在这个表单之前,会有一个表单对于具有相同按钮名称和类的 select-billing-address 类。所以我不想阻止该按钮被点击。我希望用户选择帐单地址,前进到运输部分,当他们输入时该表单中的运输信息首先被拦截。有没有办法拦截从最顶部的 div 开始的提交按钮,所以我知道我在表单中的那个 div 中?谢谢
    • 好的。托尼。我得到了它。我只是将 div 的类名放在“表单”前面,它就可以工作。感谢您的帮助。
    • 实际上是最后一件事。当我做了你所拥有的,确认框工作,但现在我有我的代码来弹出一个模态窗口,它只是绕过模态并表现得就像它已提交一样。
    猜你喜欢
    • 1970-01-01
    • 2010-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-23
    • 2012-11-16
    相关资源
    最近更新 更多