2009-02-21 95 views
1

我有使用JavaScript進行登錄驗證的問題。當用戶沒有提供任何用戶名或密碼時,彈出消息顯示,請輸入用戶名和密碼。我希望當用戶不提供用戶名時彈出消息會出現請輸入用戶名,然後如果我按下確定按鈕光標應該在txtusername文本框中。在密碼的情況下也應該發生同樣的事情,光標應該在txtpassword文本框中。但在我的編程中,彈出信息即將到來,但在按下確定按鈕之後,光標未放置在預期位置,請有人修改我的代碼。這是我的代碼。需要幫助使用java腳本進行登錄驗證

<script type="text/javascript"> 
    //Function to check valid login 
    function validLogin() { 
     if (document.getElementById("TxtName").value == "") { 
     alert("Please enter your UserName"); 
     return false;    
     } 
     if (document.getElementById("Txtpassword").value == "") { 
      alert("Please enter your Password"); 
     return false; 
     } 
     return true; 
    } 

<asp:Button ID="BtnLogin" runat="server" Text="Login" onclick="BtnLogin_Click" OnClientClick="validLogin()"/> 

回答

4

這給一個嘗試(假設你的意思txtName的,在你的代碼,而不是TxtUsername,在你的問題。

<script type="text/javascript"> 
    //Function to check valid login 
    function validLogin() { 
     var name = document.getElementById("TxtName"); 
     if (name.value == "") { 
      alert("Please enter your UserName"); 
      name.focus(); 
      return false;    
     } 
     var password = document.getElementById("Txtpassword"); 
     if (password.value == "") { 
      alert("Please enter your Password"); 
      password.focus(); 
      return false; 
     } 
     return true; 
    } 
</script> 
+0

我想y你也想修剪值的空白。函數trim(s){return s.replace(/^\ s \ s * /,'').replace(/ \ s \ s * $ /,'');} // http://blog.stevenlevithan。 COM /檔案館/快修剪的JavaScript – some 2009-02-21 12:57:25

0

使用element.focus() 即

alert("please enter your UserName"); 
document.getElementById("UserName").focus();