的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 
     }); 
    });