JavaScript之文本框的值不能为空或者空格

今天我们来简单分享一个小知识。我们在进行前端界面的文本框信息验证的时候，有时候需要对文本框的内容做一个初步的判定，需要某个输入框的输入值不能为空并且不能为空格。

<div class="form-group">
    <label class="col-sm-2 control-label">标题：</label>
    <div class="col-sm-4">
        <input type="text"  id = "title" class="form-control" placeholder="请输入广告标题（必填，10个字以内）" maxlength="10" name="title" value="${adMaterial.text1}"></div>
    <div  class="col-sm-6 form-control-static"></div>
</div>
 
<input type="submit" value="提交" class="btn btn-orange" onclick="return checkStr()"></div>
 
<script>
            function checkStr() {
    
    
                var title = document.getElementById("title").value.trim();
                var desc = document.getElementById("desc").value.trim();
                if(title == null || title == ""){
    
    
                    alert("标题不能为空");
                    return false;
                }
</script>

var title = document.getElementById(“title”).value.trim();
在这个语句里面，var title = document.getElementById(“title”).value是取id=title的值，后面的trim（）方法是为了去除字符串的头尾空格；
trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。

trim() 方法不会改变原始字符串。

trim() 方法不适用于 null, undefined, Number 类型。

trim（）对应的支持浏览器

更多实例
如果你的浏览器不支持 trim() 方法，你可以使用正则表达式来实现:

function myTrim(x) {
    
    
  return x.replace(/^\s+|\s+$/gm,'');
}
 
function myFunction() {
    
    
  var str = myTrim("        Runoob        ");
  alert(str);
}

输出结果:
Runoob

今天的分享就到这里