Rails中的数据禁用后如何重新启用提交按钮

时间:2019-05-28 11:32:27

标签: ruby-on-rails ruby ajax forms

使用data-disable-with格式的remote:true属性

<%= f.submit "Verify",'data-disable-with' => 'Verifying...' %>

在禁用提交按钮后,文本更改为“ 正在验证... ”,但问题是,如果出现错误,可以在表单中显示错误并提交按钮可用,但文本不会更改。它仍然保持“正在验证”状态

如果出现错误,如何显示以前的文本?

1 个答案:

答案 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或类替换表单名称