iT邦幫忙

0

想詢問一下有關會員註冊、帳號重複的問題

目前要按出送出鍵才會出現這個尚未填入的提醒
https://ithelp.ithome.com.tw/upload/images/20201113/20120427intg1gzscx.jpg

這個也是要按送出後才會出現帳號重複的訊息
https://ithelp.ithome.com.tw/upload/images/20201113/20120427OwBQce7MTC.jpg

我現在想要再輸入的時候就在後面出現像下面這樣的打勾或是叉叉
https://ithelp.ithome.com.tw/upload/images/20201113/20120427T9PhWuDHiy.jpg

我想問的是,像這樣的打勾叉叉檢查方法,如果只用PHP可以寫得出來嗎?
如果可以用PHP寫出來的話,可以給一些關鍵字嗎?
如果不行的話,那用甚麼語言寫會比較好呢?

1
通靈亡
iT邦研究生 1 級 ‧ 2020-11-14 01:40:02
最佳解答

我現在想要再輸入的時候就在後面出現像下面這樣的打勾或是叉叉

Javascript 負責在每一次輸入後,透過偵聽事件,在前端或後端校驗後的錯誤訊息
透過操作網頁的DOM,顯示在網頁上

驗證的部分:

  1. 是否必填、信箱格式是否正確、密碼和確認密碼是否一致等欄位即時校驗,要用前端(Javascript)或後端(PHP)處理皆可。
  2. 帳號、信箱、手機是否已存在等等,和資料相依的校驗,則是呼叫AJAX,傳送請求到後端(PHP)校驗候,將結果回傳到前端。

要注意的是:
由於前端的驗證,傳送的請求有可能會被繞過或攔截竄改,因此在前端送出表單請求到後端之後,後端(PHP)需要針對所有欄位再次進行二次的校驗,校驗通過才實際進行資料的操作,並導向成功的頁面,否則由PHP導回原本的表單頁面,顯示錯誤訊息在頁面上。

所以你要了解的方向:

  1. 如何在前端透過JS偵聽欄位事件。
  2. 如何在前端使用JS,透過AJAX傳送請求資料(Request)到後端PHP。
  3. 如何在後端(PHP)接收前端傳送的請求資料(request),校驗對應的欄位。
  4. 後端(PHP)校驗完後,如何將校驗的結果傳回前端,在前端透過JS操作頁面(DOM),告訴瀏覽的人輸入的欄位資料是否正確。
  5. 送出表單後,後端如何校驗所有欄位,並且在校驗成功或失敗後,後端要如何導向到對應的頁面。

感謝您回答的這麼仔細! 我懂了,非常感謝您喔!

0
rogeryao
iT邦大師 1 級 ‧ 2020-11-13 23:09:48

Html :

<input type="text" id="inputname">
<input type="button" value="Test" onclick="CheckInputEmpty()">

Javascript :

function CheckInputEmpty()
{
  if ((document.getElementById('inputname').value).trim()=='')
  {
    alert('姓名不可空白');
    //--- 以下寫產生 "打勾或是叉叉"的程式碼
  }
} 

Demo

感謝您連程式碼都寫出來讓我參考,非常感謝您~

0
海綿寶寶
iT邦大神 1 級 ‧ 2020-11-14 06:14:11

謝謝您給的範例!非常感謝!

我要發表回答

立即登入回答