2013-09-29 96 views
0

我有這段代碼,我想用JavaScript來提取用戶名和密碼來進行某種登錄驗證。我怎樣才能做到這一點? 編輯:我正在使用節點js服務器來提取一些數據,但是與我想要做的登錄頁面無關。我正在嘗試進行登錄,並且當用戶按下按鈕登錄時,它會檢查密碼和用戶名是否匹配(登錄驗證),如果它不匹配,它會轉到菜單,如果它沒有,則會顯示錯誤。使用Javascript從HTML中提取文本

<div id="login" data-role="page"> 
    <div data-role="panel" id="mypanel" data-theme="a" data-position="left" data-display="reveal"> 
     <ul data-role="listview" data-theme="h"> 
      <li> 
       <a href="#menu" > Menu</a> 
      </li> 
      <li> 
       <a href="#register" >Register</a> 
      </li> 
      <li> 
       <a href="#cart" > Cart</a> 
      </li> 
      <li> 
       <a href="#account" > Account</a> 
      </li> 
      <li> 
       <a href="#login" > Login</a> 
      </li> 
     </ul> 
    </div><!-- /panel --> 

    <div data-role="header" data-theme="a" data-position="fixed"> 
     <a href="#mypanel" data-role="button" data-icon="bars" data-iconpos="notext" data-corners="false"></a> 
     <h1>Log In</h1> 
    </div> 
    <div data-role="content"> 

     <!-- username --> 
     <label for="username">Username</label> 
     <input id="username" title="Must be at least 8 characters."/> 
     <br /> 

     <!-- password --> 
     <label for="password">Password</label> 
     <input id="password" type="password" title="title it hard to guess." /> 
     <br /> 

     <p> 
      <button type="button" title="This button won't do anything"> 
       Proceed 
      </button> 
     </p> 

     <label for="register">Don't have an account?</label> 
     </div> 
    <div data-role="content"> 
     <a href="#register">Register</a> 
    </div> 

    </div> 
+3

***從不***在客戶端驗證! – Doorknob

+0

登錄驗證是什麼意思?確保文本符合您的要求?或比較它與數據庫? – TimSPQR

+1

你能澄清你的意思嗎?「登錄驗證」?你是否希望將字段限制爲某些字符/長度?或者你想檢查它是否是一個有效的用戶名/密碼組合? – synth3tk

回答

0

因此,您基本上想要讀取用戶在登錄和密碼輸入中輸入的文本值?看看這個:JavaScript: how to get value of text input field?

+1

請[避免鏈接只有答案](http://meta.stackoverflow.com/tags/link-only-answers/info)。如果您想發表評論(或關閉重複投票),那麼您應該在此之前獲得足夠的聲譽。 – Quentin

0

您可以使用getElementByID()value到輸入加載到JS像這樣:

document.getElementById('password').value; 

是你在找什麼?

+0

它可以,但我需要在另一個文件上寫JS。它不能在html頁面上。那還會不會呢? – Joseph

+0

我想我們需要更多的信息。你的意思是把名字和密碼「寫」到另一個文件中,或者將它與有效的名稱和密碼列表進行覈對? – TimSPQR