jquery ajax错误

Question

我写了一个登录表单，在提交用户应该登录，但它不工作。请让我知道其中的错误是， 这是形式

<form id ="loginform_" action=""> 
    <a href=""id="slidedownclose">X</a> 
    <h2> Login Form</h2> 
    Username:<input type="text" id="uname" name="user_name" /><br/><br/> 
    Password:<input type="password" id="password" name="password" /><br/><br/> 
    <input type ="submit" id ="log" class="logclass" value="log in"/><br/><br/> 
    <a id ="lost_password" href ="/frontend_dev.php/forgotpassword">Forgot Password </a> 
</form> 

这是jQuery代码

$(document).ready(function() 
{ 
    $("#loginform_").validate({ 
     rules: { 
      user_name: "required", 
      password: "required" 
     } 
    }); 
    $(".logclass").click(function() 
    { 
     var data =$("#loginform_").serialize(); 
     $.ajax({ 
      type: "POST", 
      url: "/frontend_dev.php/login/new", 
      data: data, 
      success: function(){ 
       alert('success'); 
       window.location.replace("/frontend_dev.php/user"); 
      }, 
      error: function(){ 
       alert(data); 
      } 
     }); 
    }); 
}); 

Answer 1

井的问题之一是你的按钮类型的提交，你是不是告诉它防止默认行为。

$(".logclass").click(function(e) { 
    // code 
    e.preventDefault(); 

} 

接下来，您可能会更好地使用以下命令来调用点击。

$('#log').click(function(e){ 

} 

通过ID访问比类访问更好。另一种选择是将您的按钮更改为类似的。

<input type='button' id='log' class='logclass' value='log in'/> 

这应该让你更好的方向开始。