Click event Jquery launching when document is ready

Question

I have a function that validates a form and I want it to be triggered when the #submit-btn is clicked but the problem is that it is triggered every time the document is load.

$(document).ready(function(){
    $("#submit-btn").on('click', validar());
});

You're firing the click event instead of passing it as parameter. Remove the `()` from `validar()`. — Lucas Souza, Nov 11 '15 at 13:22
@LucasVicente thank you for answering, I didn't know it worked like that. It works great :) — Juan Manuel Amoros, Nov 11 '15 at 13:27

score 1 · Answer 1 · answered Nov 11 '15 at 13:23

Try this:

    $(document).on('click', '#submit-btn', function(){ 
      validar(); 
      return false; 
    })

There is no need for the $(document).ready(). But if the button is a submit button it never will triggered. Change the button type to "button" and after the validate return "true", submit your form manual

$('#formId').submit()

Adwaenyth · Accepted Answer · 2015-11-12T09:19:43.247

1

You are passing the result of your function validar() as the EventHandler - effectively calling it the moment the document is loaded.

Just remove the brackets and you'll have the function mapped as EventHandler

edited Nov 12 '15 at 09:19

answered Nov 11 '15 at 13:24

Adwaenyth

2,020
12
24

score 0 · Answer 3 · answered Nov 11 '15 at 13:23

0

Try this

$(document).ready(function(){

    //console.log("Document ready event occurred")

    $(document).on('click','#submit-btn', function(e){

       //console.log("Submit button clicked")

       e.preventDefault();
       validar()

    });
});

answered Nov 11 '15 at 13:23

Shyju

214,206
104
411
497

Click event Jquery launching when document is ready

3 Answers3