文档准备好后，单击事件Jquery启动

Question

我有一个验证表单的函数，我希望在单击＃submit-btn时触发它，但问题是每次加载文档时都会触发它。

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

Answer 1

试试这个：

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

不需要$(document).ready()。 但如果按钮是提交按钮，则永远不会触发。将按钮类型更改为“按钮”，并在验证返回“true”后，提交表单手册

$('#formId').submit()

Answer 2

您将函数validar()的结果作为EventHandler传递 - 在文档加载时有效地调用它。

只需删除括号，您就可以将该函数映射为EventHandler

Answer 3

试试这个

$(document).ready(function(){

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

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

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

       e.preventDefault();
       validar()

    });
});