回发后调用登录屏幕javascript？

在我的第一个MVC 4应用程序上工作，我的登录屏幕出现问题。这是一个内部网应用程序，适用于在生产车间使用普通PC的公司，因此他们需要能够以个人身份登录应用程序。（该网站也在jQuery手机，并有一个JavaScript触摸键盘，但我不认为他们需要参与这个问题）回发后调用登录屏幕javascript？

问题是，如果有人未能登录，设置它的JavaScript代码以便在用户名字段中输入按键将焦点发送到密码字段停止工作。

我有一个黑客工程，（使用setTimeout，100），但它让我感到恶心和肮脏。

这里是我的登录表单：

@ModelType FAToolAdmin.LogOnModel 

@Code 
    ViewData("Title") = "Log In" 
End Code 


@Using Html.BeginForm() 
    @<div class="content-primary"> 

     <div data-role="header" data-position="fixed" data-theme="b"> 
      <h2>Account Info</h2> 
     </div> 

     <fieldset> 
      <div class="editor-label"> 
       @Html.LabelFor(Function(m) m.UserName) 
      </div> 

      <div class="editor-field"> 
       @Html.EditorFor(Function(m) m.UserName)    
      </div> 

      <div class="editor-label"> 
       @Html.LabelFor(Function(m) m.Password) 
      </div> 

      <div class="editor-field"> 
       @Html.EditorFor(Function(m) m.Password) 
      </div> 

      <p> 
       <input type="submit" value="Log In" class="notfocus"/> 
      </p> 

      @* This Html.ValidationSummary will show a ul element containing any login errors that were returned. 
       The call here has been edited to send an empty string, because sending 2 lines of text regarding 
       a login failure is a little excessive. You failed to login. Type everything again and move on 
       with your day.*@ 

      @Html.ValidationSummary(True, "") 

     </fieldset> 
    </div> 

End Using 

<script type="text/javascript"> 

    //This is the script that adds the keyboards to the screen. 

    $(function() { 
     //setTimeout(function() { 

      //This is the script that makes it so that when the enter button is pressed on the screen that the 
      //focus is changed to the password box (rather than having the form be submitted). 

      // set the focus to the UserName field and select all contents 
      $('#UserName').focus().select(); 
      // bind the keypress event on the UserName field to this little piece of code here 
      var $inp = $('#UserName'); 
      $inp.bind('keydown', function (e) { 
       var key = e.which; 
       // if this is keycode 13 (enter), then prevent the default form behavior and change focus to the Password box. 
       if (key == 13) { 
        e.preventDefault(); 
        // find the Password input box and set the focus to it. 
        $('#Password').focus(); 
       } 
      }); 
     //}, 100); 
    }); 

</script>

，这里是我的控制器：

Imports System.Diagnostics.CodeAnalysis 
Imports System.Security.Principal 
Imports System.Web.Routing 

Public Class AccountController 
    Inherits System.Web.Mvc.Controller 

    ' GET: /Account/LogOn 
    <AllowAnonymous()> 
    Public Function LogOn() As ActionResult 
     Dim model As New LogOnModel 
     Return View(model) 
    End Function 

    ' 
    ' POST: /Account/LogOn 
    <AllowAnonymous()> 
    <HttpPost()> 
    Public Function LogOn(ByVal model As LogOnModel, ByVal returnUrl As String) As ActionResult 
     Try 
      If ModelState.IsValid Then 

       If Membership.ValidateUser(model.UserName, model.Password) Then 

        FormsAuthentication.SetAuthCookie(model.UserName, False) 
        If Url.IsLocalUrl(returnUrl) AndAlso returnUrl.Length > 1 AndAlso returnUrl.StartsWith("/") _ 
         AndAlso Not returnUrl.StartsWith("//") AndAlso Not returnUrl.StartsWith("/\\") Then 
         Return Redirect(returnUrl) 
        Else 
         Return RedirectToAction("Index", "Home") 
        End If 
       Else 
        ModelState.AddModelError("", "The user name or password provided is incorrect.") 
       End If 
      Else 
       ' if you just click on login without ever having entered anything into the username and password fields, you'll get this message. 
       ModelState.AddModelError("", "Please enter a valid user name and password.") 
      End If 

     Catch ex As Exception 
      MsgBox(ex.Message) 

     End Try 

     ' If we got this far, something failed, redisplay form 
     Return View(model) 

    End Function 

    ' 
    ' GET: /Account/LogOff 
    <AllowAnonymous()> 
    Public Function LogOff() As ActionResult 
     FormsAuthentication.SignOut() 
     Session.Abandon() 
     Return (RedirectToAction("Index", "Home")) 
    End Function 

End Class

和型号：

Public Class LogOnModel 

    <Required()> _ 
    <Display(Name:="SomeCompany Username")> _ 
    Public Property UserName() As String 

    <Required()> _ 
    <DataType(DataType.Password)> _ 
    <Display(Name:="Password")> _ 
    Public Property Password() As String 

End Class

所以我的问题是，我该如何得到它成立因此，输入错误用户名的用户（因此触发了ModelState.AddModelError和Return View(model)）被发回到输入新闻脚本已被加载的页面的版本？

我觉得我错过了一些基本的东西。感谢任何人可以给的帮助。否则，它是setTimeout。〜Ed

来源

2012-12-07 edhubbell

我认为jQueryMobile可能是你的问题 - 默认情况下，jqm使用ajax提交所有表单，所以你没有得到完整的回发。我遇到了类似的问题，这是根本原因。

尝试使用过载Html.BeginForm并添加new {data_ajax="false"}到HttpAttributes

来源

2012-12-07 21:13:32 gutsmania

这引起了它 - 感谢！用'@Using Html.BeginForm（“LogOn”，“Account”，Nothing，FormMethod.Post，New With {.data_ajax =“false”}）替换'@Using Html.BeginForm（）''，现在一切都表现得很好。 – edhubbell

回发后调用登录屏幕javascript？

回答

相关问题