1. Home
  2. /
  3. Web technology
  4. /
  5. HTML
  6. /
  7. HTML5
  8. /
  9. [ HTML5 ] –...

[ HTML5 ] – 解決 帳號欄位自動填入的問題

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]

使用時機 當我們有會員機制時 假設登入頁面 的帳號欄位 name=”account”
新增帳號頁面 的帳號欄位 name=”account”
當在登入頁面若你有使用chome的記住帳號密碼功能時,在新增帳號頁面就會自動帶入帳號密碼;
但通常在新增帳號頁面中的這個欄位我們會在使用者輸入此欄位的時候就自動去check這個帳號是
否重覆。
在此提供我的解法:
[html]
<input id="account" name="account" type="text" onkeyup="check_account();" onblur="check_account();" autofocus="autofocus" />
[/html]
onkeyup=”check_account();” 這段是要使用者輸入任何字元就去判斷是否有重覆帳號
onblur=”check_account();” 從焦點離開後觸發
將account 設為 自動取得焦點
這樣當使用者按新增鈕時 焦點就會從該欄位離開(onblur事件)而觸發 check_account()
註:autofocus為html5才有的指令要使用請在網頁中加入

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]
!去下營經續永站本助幫能就下一點輕輕,話的您到助幫有章文的我果如 如果我的文章有幫助到您的話,輕輕點一下就能幫助本站永續經營下去!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *