Javascript 用户单击“提交”按钮时隐藏（或禁用）该按钮

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

我们所有的客户都会多次点击提交按钮

当用户单击submit按钮时，我如何隐藏或禁用它（甚至更好）

---

在互联网上，我找到了几个可以实现这一点的Javascript，但我需要帮助将其集成到我的CakePHP脚本中。

将其放在提交按钮上：

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

范例

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

---

为了跟进JapanPro所说的内容，如果要在submit字段中放置onClick事件，则需要使用form helper的submit函数，而不是end（）函数。（CakePHP 1.2）

试试：


注意

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

我已经尝试了网络上的每一个建议，包括上面的建议，这是唯一一个在所有浏览器上都有效的建议。我使用的是CakePHP1.2

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

希望这有帮助

</form>

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

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