首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >单击submit按钮更改中的状态

单击submit按钮更改中的状态
EN

Stack Overflow用户
提问于 2013-01-24 10:35:51
回答 2查看 2K关注 0票数 1

当用户单击要在该按钮上进行这些转换时,我希望更改为提交按钮的状态。

代码语言:javascript
复制
Text change to "submitting..." and state of that submit button becomes "disabled"

我知道如何使用Jquery这样做,如下所示:

假设这个按钮有一个#derp id。

代码语言:javascript
复制
$("#derp").click(function(){
   this.toggleClass("pressed");
});

基本上,这将根据项的状态从项中添加或删除“按下”类。只要为.pressed添加css就可以了。

代码语言:javascript
复制
#derp {...}
#derp:hover {...}
#derp:active {...}
#derp.pressed {...}

或者我们使用不同的选择器。

问题:rails中是否有默认功能?

更新:,我使用的是基于ajax的表单提交,当我尝试点击2-3次表单提交时。它实际上提交了2-3次。我想阻止这件事,我正在使用simple_form

代码语言:javascript
复制
<%= f.button :submit, "Submit Review", :disable_with => "Processing..." %>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-01-24 10:41:09

要使使用与Ajax一起工作,必须编辑public/javascripts/rails.js和change

代码语言:javascript
复制
document.on("ajax:after", "form", function(event, element) {

代码语言:javascript
复制
document.on("ajax:complete", "form", function(event, element) { 
票数 1
EN

Stack Overflow用户

发布于 2013-01-24 10:40:07

您可以使用:disable_with选项:

标签

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14499233

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档