ruby-on-rails - 如何在 Rails 中禁用数据后重新启用提交按钮

Question

在 remote:true 表单中使用 data-disable-with 属性

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

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

如果出现错误，如何显示之前的文本？

Answer 1

试试这个

<%= 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 或类