Javascript 阻止表单提交默认问题

我试图通过执行以下操作来阻止我的表单提交，但当我点击提交按钮时，它仍在继续提交：

$(document).ready(function($) {
    //When the form is submitted do this...
    $("#stripe-payment-form").submit(function(e) {
        e.preventDefault(); 
        // disable the submit button to prevent repeated clicks
        $('#stripe-submit').attr("disabled", "disabled");
        // send the card details to Stripe
        Stripe.createToken({
            number: $('.card-number').val(),
            cvc: $('.card-cvc').val(),
            exp_month: $('.card-expiry-month').val(),
            exp_year: $('.card-expiry-year').val()
        }, stripeResponseHandler);
        // prevent the form from submitting with the default action
        return false;
    });
});

---

有人能告诉我原因吗？

尝试阻止从“提交”按钮本身提交表单：

$(document).ready(function() {
    //When the form is submitted do this...
    $("#stripe-submit").on("click", function(e) {
        e.preventDefault(); 
        // disable the submit button to prevent repeated clicks
        $(this).attr("disabled", "disabled");
        // send the card details to Stripe
        Stripe.createToken({
            number: $('.card-number').val(),
            cvc: $('.card-cvc').val(),
            exp_month: $('.card-expiry-month').val(),
            exp_year: $('.card-expiry-year').val()
        }, stripeResponseHandler);
        // prevent the form from submitting with the default action
        return false;
    });
});

此外，请确保更正以下内容中的第一行：

$(document).ready(function($) {

致：

---

…正如A.Wolff所指出的：

这是什么？函数$是否可以复制JSFIDLE中的错误？表单是否动态添加到页面中？控制台中是否存在javascript错误？请检查控制台开发工具中是否存在可能的javascript错误。显然$已经引用jQuery，为什么要将$作为函数参数传递@沃尔夫：观察得真好！我错过了，而且还更正了代码！塔克斯！绑定到按钮毫无意义，若用户使用键盘submit@charlietfl请您使用键盘提交此表单->…输入按钮不起作用-至少对我不起作用-除非我遗漏了什么…当字段有数据并按enter键时，我可以提交。完全绕过单击处理程序

$(document).ready(function() {