的web2py沒有Ajax調用爲什麼不斷刷新頁面

Question

我在表單檢查空場後，發送空的數據，只有當所有的領域都充滿

$(document).ready(function() { 
var $normalClass=$(".normalClass"); //input fields class 
var $username=$("#username"); 
var $password=$("#password"); 
var $email=$("#email"); 
var emptyField=1; //keeping track of empty fields in the form 


$("#submit").click(function(){ 
var emptyField=0; 
$normalClass.each(function() { 
    if($(this).val()===""){ 
     emptyField++; 
     $("#formSU").submit(function (evt) { 
      evt.preventDefault(); 
     }); 
     $(this).after("<p class='errorClass2'>This field is required.</p>"); 
    } 
}); 
if(emptyField==0) { 
    alert("all filled"); 
    $.ajax({ 
     url: "dbQuery", 
     data: { 
      username: $username.val(), 
      password: $password.val(), 
      email: $email.val() 
     }, 
     success: function() { alert("success");     
     }, 
     type: 'POST' 
    }); //end ajax 
} 

起初送，我還以爲是因爲我沒在提交事件之前沒有聲明emptyField的值，ajax將繼續發送空數據。但是在給它一個非0的形式之後，刷新後仍然發送該表單。我甚至在提交事件內部並且只有在沒有空字段時纔將Ajax調用。 我做錯了什麼，以及如何讓代碼更易於閱讀？ 編輯：添加HTML，控制器和框架：

<div class="ftable"> 
<form method="post" id="formSU"> 
<input type="text" class="normalClass" id="username" name="username" placeholder="Username"><br> 
<input type="password" class="normalClass" id="password" name="password" placeholder="Password"><br> 
<input type="checkbox" id="checkBox"> 
<label for="checkBox">Show password</label></br> 
<input type="email" class="normalClass" id="email" name="email" placeholder="Email"><br> 
<input data-w2p_disable_with="Submit" type="submit" value = "Submit" id="submit"> 
</form> 
</div> 

控制器：

def signup(): 
db.user.insert(username=request.vars.username, 
password=request.vars.password,email = request.vars.email) 
return dict() 

Answer 1

試試這個剪斷，如果u HV任何查詢PLZ評論。我認爲method: 'POST'而不是type: 'POST'。

$(document).ready(function() { 

    // when form submit 
    $("#formSU").submit(function(){ 

    var $normalClass=$(".normalClass"); //input fields class 
    var $username=$("#username"); 
    var $password=$("#password"); 
    var $email=$("#email"); 

    var errors = []  

     if($username.val() == "") 
     { 
     errors.push({ ele : $username, 
        msg : "<p class='errorClass2'>This field is required.</p>"   
        }); 
     //return false; // prevents form submitting 
     } 
    if($password.val() == "") 
     { 
     errors.push({ ele : $password, 
        msg : "<p class='errorClass2'>This field is required.</p>"   
        }); 
     //return false; // prevents form submitting 
     } 
    if($email.val() == "") 
     { 
     errors.push({ ele : $email, 
        msg : "<p class='errorClass2'>This field is required.</p>"   
        }); 
     ///return false; // prevents form submitting 
     } 

    if(errors.length) 
    { 
    for(var i=0;i<errors.length;i++) 
    { 
     var o = errors[i]; 
     o.ele.after(o.msg); 
    } 

    return false; 
    } 



     // if reaches here means all filled 
      $.ajax({ 
       url: "dbQuery", 
       data: { 
        username: $username.val(), 
        password: $password.val(), 
        email: $email.val() 
       }, 
       success: function() { alert("success");     
       }, 
       method: 'POST' 
      }); //end ajax 
     }); 
    });