檢查某個容器內輸入框的值是否為空
根據不同的tag、class歸類進行判斷其內的值是否為空
根據上一篇(取得容器內所有元件)奠定的基礎，做延伸應用
檢查文字輸入框內的值是否為空
(此程式檢查文字欄位時，若整個字串內皆為空白字元，也被視為空字串)
- 若為空: 底色改為"紅色"
- 不為空: 底色改為"白色"
開發環境
關鍵程式碼
"程式內 function 說明"
bindCheckEvent(btnCheckId, containerID, beCheckedAttr) : 針對某個button綁定檢查空值的事件，設定其要檢查哪個容器內的哪個屬性
checkIsEmpty(containerID, attr) : 檢查某個容器內，該屬性的值是否為空。(attr 可以是 tag, class, "*")
程式碼 & 執行結果
http://codepen.io/ForLoop/pen/wWRajX
如果這篇文章有幫助到你，想支持一下作者可以幫忙點擊側欄的「 Goolgle AdSense 」廣告 😄
如果你喜歡這篇文章可以點擊「分享」按鈕，來分享到你的網路社群
(以上文章內容如有謬誤，敬請不吝指教)