使用data-disable-with
格式的remote:true
属性
<%= f.submit "Verify",'data-disable-with' => 'Verifying...' %>
在禁用提交按钮后,文本更改为“ 正在验证... ”,但问题是,如果出现错误,可以在表单中显示错误并提交按钮可用,但文本不会更改。它仍然保持“正在验证”状态
如果出现错误,如何显示以前的文本?
答案 0 :(得分:0)
尝试一下
<%= f.submit "Verify",'data-disable-with' => 'Verifying...', id: 'submit-button' %>
和js
$(document).on('ajax:error', 'form-name', function (xhr, jqxhr) {
$("#submit-button").removeAttr('data-disable-with');
});
用您的表单ID或类替换表单名称