FineUI 官方论坛

标题: 登录按钮无反应 [打印本页]

作者: xiaowengang 时间: 2017-5-4 10:02
标题: 登录按钮无反应
下面是我在fineuimvc的login.cshtml中的代码，怎么点击登录按钮没有反应啊，大家帮我看下啊
@{
ViewBag.Title = "Login";
var F = @Html.F();

}
<head>
<title></title>
<script src="~/res/js/Jquery/jquery-1.11.1.js"></script>
<script src="~/res/js/jsJqueryCom/js_CommonMethod.js"></script>
<script type="text/javascript">
      //登陆
      function login() {
         alert('112233!');
         //用户名
         var userName = ltrim(rtrim($("#username").val()));
         //密码
         var userPwd = $("#userpwd").val();
         if (userName == "") {
            alert('请输入用户名!');
            return;
         }

         //ajax请求服务数据
         $.ajax({
            url: '/Home/Login?userName=' + userName + '&userPwd=' + userPwd + '',
            success: function (httpText) {
                  //                   if (httpText == 1) {
                  //                      window.location.href = '/Home/Index';
                  //                   }
                  //                   else {
                  //                      alert('登陆失败:用户名或密码错误');
                  //                   }
                  switch (httpText) {
                     case '0':
                        alert('用户不存在!');
                        break;
                     case '1':
                        window.location.href = '/WEBKQ/ModifPwd';
                        break;
                     case '2':
                        alert('用户或密码错误!');
                        break;
                     case '3':
                        window.location.href = '/Home/Index';
                        break;
                     default:
                        alert('登陆异常:' + httpText);
                        break;

                  }
            }
         });

      }
</script>
</head>

@section body {

<div>
@*@using (Html.BeginForm())
{
@Html.AntiForgeryToken()*@
<table border="0" style="margin:120px auto;">
      <tr style="text-align:center;">
         <td>
            <img src="../Images/Login1.png" />
         </td>
         <td style="background-image:url('../images/Login2.png'); height:367px; width:353px;">
            <table border="0" style="margin:auto; width:300px; margin-top:30px; border:0px solid red;">
                  <tr style="text-align:left; height:35px;">
                     <td colspan="2">用户名</td>
                  </tr>
                  <tr style="text-align:left; height:35px;">
                     <td colspan="2" style="background-image:url('../../images/LoginUser0.png'); background-repeat:no-repeat; height:40px; padding-left:46px;">
                        <input type="text" class="form-control" id="username" name="username">
                     </td>
                  </tr>
                  <tr style="text-align:left; height:35px;">
                     <td colspan="2">密码</td>
                  </tr>
                  <tr style="text-align:left; height:35px;">
                     <td colspan="2" style="background-image:url('../../images/LoginPasw0.png'); background-repeat:no-repeat; height:40px; padding-left:46px;">
                        <input type="password" class="form-control" id="userpwd" name="userpwd" placeholder="Password">
                     </td>
                  </tr>
                  <tr><td colspan="2" style="height:20px;"></td></tr>
                  <tr style="text-align:left; height:40px;">
                     <td style="width:180px;">
                        <button type="submit" class="btn btn-default">登  录</button>
                     </td>
                     <td style="width:120px;">
                        <input type="checkbox" class="form-control" id="chkPwd" name="chkPwd" />记住密码
                     </td>
                  </tr>
                  <tr style="text-align:left; height:35px;">
                     <td colspan="2">
                        <p id="LbError" class="form-control"></p>
                     </td>
                  </tr>
            </table>
         </td>
      </tr>
</table>
@*}*@
</div>
@*<div>
@(F.Window()
      .Width(350)
      .WindowPosition(WindowPosition.GoldenSection)
      .EnableClose(false)
      .IsModal(false)
      .Title("三诺音频服务平台")
      .ID("Window1")
      .Left(868)

      .Toolbars(
         F.Toolbar()
            .Position(ToolbarPosition.Bottom)
            .ToolbarAlign(ToolbarAlign.Right)
            .ID("Toolbar1")
            .Items(
                  F.Button()
                     .OnClick(Url.Action("btnLogin_Click"), "SimpleForm1")
                     .ValidateTarget(Target.Top)
                     .ValidateForms("SimpleForm1")
                     .Type(ButtonType.Submit)
                     .Text("登录")
                     .ID("btnLogin"),
                  F.Button()
                     .Type(ButtonType.Reset)
                     .Text("重置")
                     .ID("btnReset")
            )
      )
)
<br>
</div>*@

}

作者: KK.Leung 时间: 2017-5-4 10:11
<head>的内容要放到

@section head {
}

复制代码

里吧

作者: sanshi 时间: 2017-5-4 12:00

KK.Leung 发表于 2017-5-4 10:11
的内容要放到

里吧

好多问题：
1. FineUIMvc已经默认引入了 jQuery，不要再重复引入
2. JavaScript放置的位置也不对，对比下官网示例源代码，很明显的
....

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)