js如何判断字符串是否为空

2/23/2023 js常用技巧

# 判断字符串是否为“空”字符即用户输入了空格

var strings = ' '
if (strings.replace(/(^s*)|(s*$)/g, '').length == 0) {
  alert('不能为空')
}

# 上面的例子封装成函数如下

用户名:<input type="text" id="username" />
<p style="color:red" id="warning-message"></p>
// 获取对象
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
  }
}

# 下面推荐一位大神的做法

if (keyword.value.split(' ').join('').length != 0) {
  // 搜索内容提交
}
最后更新: 2/23/2023, 3:10:24 AM