JS判斷內容為空方法總結

HTML代碼：

 用戶名：<input type="text" id="username">
 <p style="color:red" id="warning-message"></p>

 

JS代碼：

// 獲取對象
var oUsername = document.getElementById('username');
var oMsg      = document.getElementById('warning-message');

// 用戶名文本框失去焦點時判斷是否為空
oUsername.addEventListener('blur',function(){
    checkNull(oUsername.value);
},false)

// 利用正則去掉前后空格
function spaceTrim(val){
    return val.replace(/(^\s*)|(\s*$)/g, "");
}

// 檢測為空方法
function checkNull(val){
　　if (spaceTrim(val) == ''){
        oMsg.innerHTML = '用戶名不能為空'
   }else{
        oMsg.innerHTML = '輸入的用戶名為：' + val;
   }
}