Question

我不明白为什么我的表单中的按钮无法通过我的jQuery代码到达。

<form action="">
    <div class="field">
        <label for='username'>Insert username</label>
        <input type="text" id="username" name="username">
    </div>

    <button type='submit' class='btn btn-lg btn-primary buttonRegister'>Register</button>
</form>

以下是关于点击试用代码的jQuery：

$('.buttonRegister').submit(function(){  
    //action inside function
});

-------------- OR ----------------------

$('.buttonRegister').click(function(){  
    //action inside function
});

-------------- OR ----------------------

$('.buttonRegister').on("click", function(){  
    //action inside function
});

他们都没有奏效。我确定点击功能内部的代码可以正常工作，因为我试图在表单外部使用按钮并且效果很好。

Answer 1

在其他任何内容之前添加e.preventDefault（）。

$('.buttonRegister').on("click", function(e){  
   e.preventDefault(); // <<-- required to stop the refresh
   //action inside function
});

jQuery句柄按钮在表单内单击

1 个答案: