js中trim的使用
trim():去掉字符串两边的空格,在输入框判断时,空格也是内容,判断为空后的操作不能生效
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text">
<button>确认</button>
<p></p>
<script>
var input =document.querySelector('input');
var btn = document.querySelector('button');
var p = document.querySelector('p');
// btn.onclick = function(){
// console.log(input.value);
// if(input.value == ''){
// alert('请输入内容')
// }else{
// p.innerHTML = input.value
// }
// }
//但是如果用户输入的是空格,他会认为是有内容,并不会弹出提示框,所以我们需要用tirm()方法去除字符串两边的空格,字符串中间的空格视为有意义的,不去除
btn.onclick = function(){
if(input.value.trim() == ''){
alert('请输入内容')
}else{
console.log(input.value.trim().length)
p.innerHTML = input.value.trim()
}
}
</script>
</body>
</html>
通常是处理表单收集的不规范数据