我有一个form_tag(foo_path(@foo),remote:true,id:’foo-form’表单和一个提交按钮submit_tag(“Submit”,:id =>“foo-submit”)
我想在点击后禁用提交按钮.显然,我不能使用onlick =“jQuery(this).prop(‘disabled’,true);”因为它会打破远程功能.我知道:submit_tag的disable_with数据属性,但它似乎对我不起作用.它确实生成了正确的表单代码,但它没有任何效果.我不确定它为什么不起作用,但可能是因为我同时使用原型(遗留原因)和jquery.虽然,我只为jquery而不是原型加载ujs.但是,所有其他query_ujs功能都可以正常工作.
还有其他方法可以禁用提交按钮吗?
解决方法
使用
submit_tag "Submit",id: "foo-submit",data: { disable_with: "Please wait..." }