jquery - 如何在外部 javascript 文件中从 @Html.TextBoxFor 检索值

Question

我在创建 View 中使用 MVC 4，我有以下代码

@Html.TextBoxFor(model => model.USER_EMAIL, new { @class = "form-control", id="userModelEmail" })
@Html.ValidationMessageFor(model => model.USER_EMAIL)

我已添加对我的 View 的引用

<script src="~/Contents/Common.js"></script>

在 common.js 中，我想从 TextBoxFor 获取值。我在 common.js 中添加了以下代码

$("#btnRegister").click(function () {
    debugger;
    var userData = {
        userEmail: document.getElementById('USER_EMAIL').value(),
        userPassWord: document.getElementById('userModelPwd').value(),
        userConfirmPassword: document.getElementById('userModelCfmPwd').value(),
        userMObile: document.getElementById('userModelMob').value(),    
    }
    debugger;
        $.ajax({
            type: "POST",
            url: 'Home/Register',
            data: '{userDetails:' + JSON.stringify(userData) + '}',
            success: function (res) {
                debugger;
                //  alert("data is posted successfully");
                if (res.success == true) {
                    debugger;
                    $('#modalLogin').modal('show');
                   // window.location.href = window.location.href + res.AdminLocation;
                    debugger;
                } else {
                    document.getElementById("lblInvalidUser").style.display = "inline";
                }
            },
            error: function (xhr, textStatus, errorThrown) {
                alert(xhr.statusMessage);
                return false;
            }
        });

        return true;
});

但在 userEmail: document.getElementById('USER_EMAIL').value() 行，USER_EMAIL 显示无法解析，我也尝试过使用 iddocument.getElementById('userModelEmail').value() 这里也显示了无法解析的 id。

如何解决？

Answer 1

value 是属性属性，而不是 DOM 中的函数。
更改您的代码如下并尝试

   var userData = {
        userEmail: document.getElementById('userModelEmail').value,
        userPassWord: document.getElementById('userModelPwd').value,
        userConfirmPassword: document.getElementById('userModelCfmPwd').value,
        userMObile: document.getElementById('userModelMob').value,    
    }

或使用 jQuery，如下所示

   var userData = {
        userEmail: $('#userModelEmail').val(),
        userPassWord: $('#userModelPwd').val(),
        userConfirmPassword: $('#userModelCfmPwd').val(),
        userMObile: $('#userModelMob').val(),    
    }