取值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;
});

但更好替代方案是订阅相应表单的.submit()事件，而不是某个按钮的click事件：

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

其中loginForm是您将为包含这些输入字段的表单提供的唯一ID。