MVC 使用 jquery 从 textboxfor 读取值答案

【问题标题】：MVC read value from textboxfor with jqueryMVC 使用 jquery 从 textboxfor 读取值
【发布时间】：2017-09-22 17:41:53
【问题描述】：

我认为这很简单，但我不明白。我想用 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=""/>

【问题讨论】：

$("#Email").val(); 应该可以工作。你能显示你的html吗？
你得到一个空字符串，因为输入是空的。在 keyup 上它显示一个值，因为它输出了你按下的键
您是否将代码包装在 document.ready() 事件中？
我已经用 html 更新了我的第一篇文章。 @highwingers 是的，我将代码包装在 document.ready() $(document).ready(function () { $("#test").click(function () { alert($("#Email").val( )); }); });
另外，data-val-required="Das Feld "Email Adresse" ist erforderlich." 的那部分似乎破坏了 html（因为内部双引号）。将其替换为：data-val-required='Das Feld "Email Adresse" ist erforderlich.'

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

【解决方案1】：

你添加了对 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());
    });
});

【讨论】：

感谢@glatrou 现在我找到了我的问题。因为电子邮件字段显示在对话框中，我忘记了另一个具有相同 id 的电子邮件字段仍在后台表单中。我更改了一个字段的 id，现在它可以工作了。很抱歉浪费您的时间

【解决方案2】：

查看：

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

【讨论】：

【解决方案3】：

代替

@id="EmailTxt"

我们可以写

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

【讨论】：