Question

因此，基本上，我有一个兴趣滑块插件，可以计算特定时间段内的贷款还款-https://loancalc.000webhostapp.com/

但是我遇到的问题是提交表单而不重新加载页面，当前您输入姓名和电子邮件。

我在slider.js的第1146行中包含了这个ajax脚本，但是在提交表单时，滑块会继续重新加载页面。

有人告诉我，可能是因为我没有正确排队（对于wordpress）脚本。

jQuery('.qis-register').on('submit', 'input', function(){
    event.preventDefault();
    var name = $("input#yourname").val();
    var email = $("input#youremail").val();
    if (name == ""){
        $("input#yourname").focus;
        return false;
    }

    else if (email == ""){
        $("input#youremail").focus;
        return false;
    }
    else{
        jQuery.ajax({
           type: "POST",
           url: "quick-interest-slider.php",
           data: {
                name:name,
                email:email,
                qissubmit:$(".qissubmit").val(),
                qisapply:$(".qisapply").val(),
                part2submit:$(".part2submit").val(),
     },
           done: function(msg){
                console.log(msg);
        }
    });
}});

完整代码在这里（slider.js，quick-interest-slider.php，register.php）-https://github.com/Curnow93/quick-interest-slider/tree/master/quick-interest-slider

Answer 1

submit上没有input事件。它应该在表格上。另外，您需要将event传递给回调函数。

jQuery('.qis_form').on('submit', function(event) {

您的选择器也不选择任何内容。我已经使用正确的选择器对其进行了更新。

我如何提交此表格而无需重新加载页面？

1 个答案: