我如何提交此表格而無需重新加載頁面？

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

input沒有submit事件。 它應該在表格上。 另外，您需要將event傳遞給回調函數。

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

您的選擇器也不會選擇任何東西。 我已經使用正確的選擇器對其進行了更新。