用户点击它时隐藏（或禁用）提交按钮

Question

我正在使用CakePHP框架开发应用程序。

我们都有客户在提交按钮上多次单击。

当用户点击它时，如何隐藏或（甚至更好地）禁用提交按钮？

在互联网上我找到了几个可以做到的Javascripts，但我需要帮助将它集成到我的CakePHP脚本中。

Answer 1

把它放在提交按钮上：

onclick="this.disabled=true;return true;" 

例

    <input type=submit value='submit'
onClick='this.disabled=true;doSection(loading);return true;'> 

使用jquery

 $("form").submit(function() {
            $(":submit", this).attr("disabled", "disabled");
          });

Answer 2

要跟进JapanPro所说的内容，如果要在提交字段中放置onClick事件，则需要使用表单助手的提交函数而不是end（）函数。 （CakePHP 1.2）

<?php echo $form->submit('Submit', array('onClick' => 'alert("Test");')); ?>

这也意味着您需要手动关闭表单。

</form>

我建议使用jQuery来处理这个问题

Answer 3

尝试：

<input data-disable-with="Saving..." name="commit" type="submit" value="Create new item">

请注意

data-disable-with="Saving..."

Answer 4

我已尝试过网络上的所有建议，包括上面的建议，这是唯一似乎适用于所有浏览器的建议。 我正在使用CakePHP 1.2。

echo $form->submit('Submit', array('onClick' => 'this.disabled=true;this.form.submit();return true;'));

希望这可以帮助。