时间戳

首页 > 解决方案 > 如何在rails中禁用数据后重新启用提交按钮

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

问题描述

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

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

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

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

标签： ruby-on-railsrubyajaxforms

解决方案

尝试这个

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

推荐阅读