Use jquery to select submit button in rails 3

Question

At the moment I am just trying to get jquery to show an alert when my submit button is pressed in my form, I have given it an id

<%= submit_tag "search", :id => 'submitForm' %>

and tried this

$(document).ready(function() {
 $('#submitForm').submit(function(e) {
e.preventDefault();
 alert('clicked');

 });
});

but i get no alert, I have also tried

$(document).ready(function() {
 $(':input#submitForm').submit(function(e) {
 e.preventDefault();
  alert('clicked');

 });

});

but this doesnt work either..is there anything i am doing that is obviously incorrect

Thanks

sgrif · Accepted Answer · 2012-12-31 15:21:50Z

1

The submit event can only be attached to forms, not to submit tags. You need to put the ID on your form.

<%= form_tag "/", id: "submitForm" do %>
  <%= submit_tag "search" %>
<% end %>

answered Dec 31, 2012 at 15:21

sgrif

3,84226 silver badges30 bronze badges

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

3 Comments

Richlewis Over a year ago

yeah that works :), but what if i have two forms in one form controlled by one submit button, use the same class on each form?

sgrif Over a year ago

You should never use the same ID more than once on the same page.

Richlewis Over a year ago

yeah i thought so, class name it is then or just two different ids

Ram · Accepted Answer · 2012-12-31 15:23:07Z

1

submit event is fired for form elements, not submit buttons, as your element is an input/button element with type of submit, you should select your form element instead:

$(function(){
   $('#theForm').submit(function(e) {
      // ...
   });
});

edited Dec 31, 2012 at 15:23

answered Dec 31, 2012 at 15:17

Ram

145k16 gold badges174 silver badges201 bronze badges

2 Comments

Richlewis Over a year ago

could i use a click event instead then?

Ram Over a year ago

@Richlewis Yes, you can use click event. Just replace submit with click in your code.

Collectives™ on Stack Overflow

Use jquery to select submit button in rails 3

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related