技術標籤：JavaScriptjshtmljavascript

今天我們來簡單分享一個小知識。我們在進行前端介面的文字框資訊驗證的時候，有時候需要對文字框的內容做一個初步的判定，需要某個輸入框的輸入值不能為空並且不能為空格。

<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

今天的分享就到這裡