js中trim的使用

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>

通常是处理表单收集的不规范数据

上一篇:iMac换SSD后硬盘开启trim


下一篇:vue中v-model修饰符