2013-06-25 61 views
0

我一直在尋找一段時間,我還沒有找到任何解決我的問題,所以我希望你們可以幫助我。用JS檢查跨度?

我正在使用輸入文本框創建一個用您的姓名和姓氏創建用戶名的方法。當你介紹它們時,我創建了用戶名和一個<span>標籤。

問題是,在繼續之前,按下按鈕,我想檢查用戶名是否已經輸入,我不知道該怎麼做。

我創建這個JS代碼:

<script type="text/javascript"> 

    function ValidateUser() 
    { 
     var x = document.getElementById("txtusrname").value; 
     if (x == null || x == "") { 
      document.getElementById("lblmsg").innerHTML = "Please, first create an username"; 
      return false; 
     } 
    else { 
      document.getElementById("lblmsg").style.display = "none"; 
     } 
    return true; 
    } 
</script> 

這是按鈕和與用戶名的跨度。

`<p class="intro" align="center">UserName: <span id="txtusrname"></span></p><div align="center"> 
<a href="start.html" target="_self"> 
<button type="submit" id="btnenter" onclick="return ValidateUser()">Enter in the App</button></a> 
<br> 
<label id="lblmsg" style="color:Red;" ></label><br /> 
</div>` 

謝謝你的幫助!順便說一句,對不起,我的英語:d

+1

您需要確定用戶名是否已被使用的用戶名列表在哪裏? –

+0

@LeeTaylor我認爲OP意味着在繼續之前檢查''是否有任何輸入 – stackErr

+2

有沒有人會在''元素中插入用戶名? (你的沒有'contenteditable' ...) – acdcjunior

回答

1

進去<span>的價值,你必須改變 此:

var x = document.getElementById("txtusrname").value; 

這樣:

var x = document.getElementById("txtusrname").innerHTML; 
+0

謝謝大家。 @stackErr現在正在完美工作:D 我試過了文本框,但我不喜歡最終結果,但是非常感謝我的評論。 – titocalata

-1

我想檢查用戶名是否已經輸入,並且我不知道如何去做。

有人可以輸入任何東西span?它不可編輯。您應該使用文本框。