jquery帮助：发送处理后隐藏提交按钮并更改表单的动作属性答案

【问题标题】：jquery help: Hiding submit button after sent for processing and change the action attribute of formjquery帮助：发送处理后隐藏提交按钮并更改表单的动作属性
【发布时间】：2012-06-03 10:02:26
【问题描述】：

这就是我面临的问题。非常感谢任何帮助。

我有一个包含文本框和提交按钮的表单。 process-page.php 有一个 php 脚本，用于检查我的数据库中的用户信息并返回处理后的数据。

<form id="myform" aciton="process-page.php" method="post">
    <input type="text" id="checkinfo" name="checkinfo" />
    <input type="submit" value="check info" id="submit" />
</form>

现在，当用户在文本框中输入信息并单击提交按钮时，我使用 ajax 将信息发送到 process-page.php 并显示数据而无需加载页面。

我使用 ajax 返回的数据也包含一个 sumit 按钮（付款按钮）。

这是我从 process-page.php 得到的响应

//html information along with payment button.
<h2>The user is currently available. Make a payment to join hands with the user.</h2>
<input type="submit" id="payment" value="make payment" />

问题是，我有 2 个提交按钮，一个在文本框旁边，其中有一个表单 action="process-page.php"，另一个提交按钮（付款按钮）作为来自 process-page 的响应.php

现在我要做的是，在 jquery 的帮助下，我需要在用户提交表单时隐藏提交按钮。

这段代码会起作用吗？

$("#myfrom").submit(function(){
    //perform validation so that no numbers are entered.
    if(does not match){
        alert();
        return false;
    }
    //THe above performs the validation

    Now is this the correct method to hide submit button?

    if(true){
        $("submit").hide();
    }

});

我想知道这是否是在执行验证时隐藏提交按钮的正确方法，如果所有内容都已验证，则提交表单，然后隐藏提交按钮。

现在我会得到另一个提交按钮（支付按钮），我希望表单操作属性可以像这样更改。

<form id="myform" aciton="make-payments.php" method="post">

Does, using this code works?

$("#form").attr('action', 'make-payments.php');

这会改变动作属性吗？帮帮我吧。

【问题讨论】：

ajax 部分在哪里？你可以使用beforeSend 和ajaxSuccess 方法。
整个代码看起来还不错……你为什么不试试呢？

标签： jquery form-submit onsubmit

【解决方案1】：

不，您的隐藏按钮代码字符串将无法正常工作。

检查jQuery selectors，你使用了错误的选择器

现在你正在使用元素选择器，所以所有提交元素（你没有 BTW），你必须使用 id 选择器。

这将起作用：

$("#submit").hide();

【讨论】：