今天我们来简单分享一个小知识。我们在进行前端界面的文本框信息验证的时候,有时候需要对文本框的内容做一个初步的判定,需要某个输入框的输入值不能为空并且不能为空格。
<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
今天的分享就到这里