javascript - jQuery/Rails : Fire JS event on submit; only when validation is passed

Question

在rails中，某些表单会在客户端自动进行验证，这样当表单字段中存在不适当的值时，表单就不会被提交。你会得到类似 的信息

我想触发一个 javascript 事件(在本例中显示旋转加载程序)，但只有当这种情况没有发生并且表单实际提交时。

目前我已经

$(document).ready( function () {
  $('#new_import').on("submit", function () {
    $('#product_import_loading').slideDown();
  });
});

但即使验证阻止提交，也会触发此操作。

我能做什么？

Answer 1

我很确定没有关于表单验证的固有 jquery-ujs 事件，但您可以轻松使用类似 jQuery validation 的事件。仅当表单通过客户端验证时才执行某些操作。

这可能会满足您的需求(我对该插件没有太多经验):

$("#new_import").on('submit', function() {
  if($(this).valid()) {
    // show your spinner
  }
  else {
    // do other stuff
  }
});