Question

我的视图包含模型属性和提交按钮

@Html.LabelFor(m => m.Password)
@Html.PasswordFor(m => m.Password, new { id = "txtLgnPasswordReset", @class = "form-control avoid-copy-paste" })
<div class="row vert-offset-top-2 vert-offset-bottom-2">
      <div class="col-md-2">
          <button id="submitSave" type="submit" class="btn btnColor ladda-button">Save</button>
      </div>
</div>

点击登录按钮我需要jquery中的密码值，我试过这个没有帮助..

$(document).ready(function() {
    var password = $("#txtLgnPasswordReset").html();
    $("#submitSave").on("click", function() {
        alert(password);
        $.ajax({

        });
    });
});

提前致谢...

Answer 1

也可以从上面的代码中看到，您尝试使用带有按钮类型submit的ajax帖子提交表单，因此您还需要在代码中更改以下内容：

  $(document).ready(function() {
    var password = $("#txtLgnPasswordReset").val(); // instead of html(), use val()
    $("#submitSave").on("click", function(e) {
         e.preventDefault(); // This will prevent the submit and you can add your additional code below and then send it through ajax.
        alert(password);
        $.ajax({

        });
    });
});

Answer 2

您需要使用$.fn.val()方法而不是$.fn.html()

获取匹配元素集中第一个元素的当前值或设置每个匹配元素的值。

脚本

var password = $("#txtLgnPasswordReset").val();
alert(password);

Answer 3

用这种方式。

$(document).ready(function() {
 var password = $("#txtLgnPasswordReset").val();
  $("#submitSave").on("click", function() {
    alert(password);
    $.ajax({

    });
  });
});

在jquery中获取模型值

3 个答案: