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

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. 送出表單後，後端如何校驗所有欄位，並且在校驗成功或失敗後，後端要如何導向到對應的頁面。

Html :

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

Javascript :

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

Demo

參考範例：一「離開」文字欄位就轉大寫
資料來源：W3C onblur Event