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

Question

In rails, some forms get validated on client-side automatically, so that the form doesn't get submitted when inappropriate values are in the form fields. You get something like rails form validation

I want to fire a javascript event (reveal a spinning loader in this case) but only when this doesn't happen, and the form actually gets submitted.

At the moment I have

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

but this fires even when validation prevents submission.

What can I do?

nicohvi · Accepted Answer · 2014-05-15 11:41:51Z

2

I'm pretty sure there are no inherent jquery-ujs events regarding form validation, but you can easily use something like jQuery validation to do something only when the form passes client-side validation.

This would probably suit your needs (I don't have much experience with the plugin):

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

answered May 15, 2014 at 11:41

nicohvi

2,2703 gold badges28 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related