MVC使用jquery从textboxfor读取值

时间:2013-07-11 21:15:46

标签: jquery asp.net-mvc html.textboxfor

我认为这很简单,但我不明白。 我想用jquery从输入控件中读取值。

我有这一行:

@Html.TextBoxFor(m => m.Email, new { placeholder = "Email" })

如果我尝试用这一行读取值,我将返回一个空字符串

$("#Email").val()

如果我尝试这样的话,那就可以了。

$("#Email").keyup(function () {
        alert(this.value);
    });

我希望有人可以帮助我。 感谢

编辑: HTML

<input name="Email" id="Email" type="text" placeholder="Email" data-val-required="field is required" data-val="true" value=""/>

3 个答案:

答案 0 :(得分:2)

您是否添加了对jQuery的引用?

我在JSFiddle中测试过它的工作原理:demo

HTML:

<input name="Email" id="Email" type="text" placeholder="Email" data-val-required="field is required" data-val="true" value=""/>
<input type="button" id="test" value="test" />

JavaScript的:

$(document).ready(function () {
    $("#test").click(function () {
        alert($("#Email").val());
    });
});

答案 1 :(得分:0)

视图:

    <input type="button" id="test" value="test" />
    @Html.TextBoxFor(m => m.Email, new { @placeholder = "Email" , @id="EmailTxt"})

JavaScript的:

$(document).ready(function () {
    $("#test").click(function () {
        alert($("#EmailTxt").val());
    });
});

答案 2 :(得分:0)

而不是

@id="EmailTxt"

我们可以写

id="EmailTxt"
@Html.TextBoxFor(m => m.Email, new { @placeholder = "Email" , id="EmailTxt"}).