取Html.TextBox的值

Question

我想將輸入的文本框的值傳遞給jquery中的變量。

@Html.TextBox("username", @Views.Resource.EnterEmail, new { @class = "cssclass" }) 

jQuery的

$(document).ready(function() { 
    $("#Login").click(function() { 

     var u = ??; 
     var p = ??; 

     $.ajax({ 
      type: "POST", 
      url: "/User/Login", 
      data: "username=" + u + "&password=" + p 

     }); 
    }); 
}); 

Answer 1

給您輸入唯一ID：

@Html.TextBox(
    "username", 
    @Views.Resource.EnterEmail, 
    new { @class = "cssclass", id = "username" } 
) 

然後：

$('#Login').click(function() { 
    var u = $('#username').val(); 
    var p = $('#password').val(); 
    $.ajax({ 
     type: 'POST', 
     url: '/User/Login', 
     data: { username: u, password: p } 
    }); 
    return false; 
}); 

但更好替代方法是subsc裏伯的.submit()事件對應的形式，而不是一些按鈕的單擊事件：

$('#loginForm').submit(function() { 
    $.ajax({ 
     type: this.method, 
     url: this.action, 
     data: $(this).serialize() 
    }); 
    return false; 
}); 

其中loginForm是一個唯一的ID，你會給包含這些輸入字段的形式。