Rails Ajax表单提交模态错误



我正在尝试添加带有表单的Bootstrap 4模式,如果表单具有任何验证错误,则在用户单击"提交" <<<<</p>

因此,我的表单使用远程:TRUE发送AJAX请求,其命中控制器罚款,并且我在控制器中使用以下代码:

def create
  if @customer.save
    redirect_to customers_path
  else
    if @customer.errors.any?
      render :new
    end
  end
end

new.js.erb代码如下

$('.modal-content').html("<%= j render 'customers/new' %>");
$('#modal').modal('show');

现在,我遇到的问题是错误在模态上出现,但是我现在无法在不刷新页面的情况下再次关闭模态。当我尝试关闭模态时,我会在控制台 Uncaught Error: Modal is transitioning 中获得以下错误。如果我填写了正确的详细信息,我可以提交表格并创建客户,然后将模式关闭。

有什么想法?

仅在成功时关闭模态。失败时,您无需像使用$('#modal').modal('show');

那样再次打开它

为此,您需要使用JS响应成功/失败。如果您在表单上使用remote: true,则重定向将无法工作。

最新更新