MVC第三波书店书籍登录展示页面

@{
    ViewBag.Title = "Login";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div id="action_area">

    <style>
        #BookLogin {
            width: 100px;
            padding: 3px;
            background-color: cornflowerblue;
            height: 35px;
            color: aliceblue;
        }

        #checkno {
            width: 60px;
        }
    </style>

    <h2 class="action_type"><img src="~/Content/Images/login_in.gif" alt="会员登录" /></h2>
    <p class="state">欢迎光临第三波书店网站，本站为淘宝网旗下专业在线书店！<br />您可以使用第三波书店的用户名，直接登录。</p>
    <form action="" class="member_form" method="post" id="LoginInfo">

        <p>
            @Html.Label("用户名")
            @Html.TextBox("AccountNum", "", new { @class = "opt_input" })
            @Html.Hidden("Role", "3")
        </p>
        <p>
            @Html.Label("密 码")
            @Html.Password("PassWord", "", new { @class = "opt_input" })
        </p>
        <p>
            @Html.Label("验证码")
            @Html.TextBox("CheckNo", "", new { @class = "opt_input" })
            <img src="@Url.Action("CreateCode","BookShop")" id="codeImg" title="看不清，换一张" border="0" style="cursor:pointer;margin-left:20px;margin-bottom:-20px" οnclick="CreateCodeImg()" />
        </p>
        <p class="form_sub">
            @Html.CheckBox("Removeme", true)在此计算机上保留我的密码
        </p>
        <p class="form_sub">
            <input type="submit" name="BookLogin" value="登 录" οnclick="summbitUser()" />
            @*@Html.TextBox("BookLogin", "登 录", new { @type = "submit"})*@

            <a href="#">忘记密码？</a>
        </p>

    </form>
</div>
@section scripts{

    <script type="text/javascript">
        function CreateCodeImg() {
            var url = '@Url.Action("CreateCode", "BookShop")?rums=' + Math.random();
            $("#codeImg").attr('src', url);
        }
        function summbitUser() {
            var userName = $("#AccountNum").val();
            var userPwd = $("#PassWord").val();
            var checkno = $("#CheckNo").val();
            var role = $("#Role").val();
            var removeme = $("#Removeme").val();
            $.ajax({
                url: "http://localhost:30889/api/UserInfo",
                type: "Get",
                data: { userName: userName, userPwd: userPwd, role: role },
                success: function (obj) {
                    if (obj.Rest==true) {
                        alert("登录成功");
                        location.href = "/BookShop/Index?ticket="+ obj.Ticket;
                    }
                }
            })
        }

    </script>

}