@{
    ViewBag.Title = "Form";
    Layout = "~/Views/Shared/_Form.cshtml";
}
<style>
    .password-eye-span {
        position: absolute;
        right: 10px;
        top: 5px;
        cursor: pointer;
        color: #ccc;
    }

</style>
<script>
    var keyValue = $.request("keyValue");
    $(function () {
        $("#F_Account").val($.request('account'));
        $("#F_RealName").val($.request('realName'));
    });
    function submitForm() {
        debugger;
        if (!$('#form1').formValid()) {
            return false;
        }
        var postData = $("#form1").formSerialize();
        postData["userPassword"] = $("#F_UserPassword").val();
        postData["keyValue"] = $("#F_Account").val();
        $.submitForm({
            url: "/SystemManage/User/SubmitRevisePassword3",
            param: postData,
            success: function () {
                top.location.href = "/Home/Index";
            }
        })
    }
    function userPasswordEye(name, type) {
        debugger;
        let id = "#" + name;
        let typeValue = '';
        if(type === 'onmousedown') {
            $(id).siblings(".password-eye-span").css("color", "#00FEBF");
            typeValue = 'text'; // 明文显示
        } else {
            $(id).siblings(".password-eye-span").css("color", "#ccc");
            typeValue = 'password'; // 密文显示
        }
        $(id).attr("type", typeValue);
    }
</script>
<form id="form1">
    <div style="padding-top: 30px; margin-right: 40px;">
        <table class="form">
            <tr>
                <th class="formTitle">账户</th>
                <td class="formValue">
                    <input id="F_Account" name="F_Account" readonly type="text" class="form-control" />
                </td>
            </tr>
            @*<tr>
                <th class="formTitle">姓名</th>
                <td class="formValue">
                    <input id="F_RealName" name="F_RealName" readonly type="text" class="form-control" />
                </td>
            </tr>*@
            <tr>
                <th class="formTitle">密码</th>
                <td class="formValue">
                    <input id="F_UserPassword" name="F_UserPassword" type="password" class="form-control required" placeholder="请输入新密码" />
                    <span class="glyphicon glyphicon-eye-close form-control-feedback password-eye-span"
                          onmousedown="userPasswordEye('F_UserPassword', 'onmousedown')"
                          onmouseup="userPasswordEye('F_UserPassword', 'onmouseup')"></span>
                </td>
            </tr>
        </table>
    </div>
</form>