[Javascript] (note)驗證表單某欄位不能為空

摘要:[Javascript] 驗證表單某欄位不能為空

一個驗證表單某欄位不能為空的Javascript,

若不輸入,會在旁邊出現警告,

若仍不輸入,他的文字焦點會一直出現在該文字框,

就算跳到別的textbox要輸入,也無法輸入。

html畫面:

 <input type="text" name="phone" id="phone" onblur="checknull(this)"/>

Javascrip原始碼:

function checknull(id) {
    var display = document.getElementById("display");
  if(id.value =="") {
     display.innerHTML="不可為空,請輸入!"
     id.focus();
  }
  else{display.innerHTML=""}
}

點擊看範例

 
--
強烈建議購物網店或實體店家都必須使用關鍵字廣告or原生廣告來將Yahoo上與聯播網的廣大流量導至自己的網站!

●Yahoo關鍵字廣告/原生廣告
◆Yahoo廣告方案介紹 : https://goo.gl/5k8FHW
◆Yahoo廣告剖析與運用 : http://goo.gl/4xjUJD

 

​​