ES5 字符串 trim() 方法详解与表单验证实战

     <script>
        var str='     aaa  '
        console.log('字符串原先为:'+str+'   长度为:'+str.length);
        var str1=str.trim()
        console.log('使用trim后字符串为:'+str1+'   长度为:'+str1.length);
     </script>

<body>
    <div class="box">
        <input type="text" placeholder="请输入内容">
        <button>提交</button>
        <p></p>
    </div>
     <script>
        var ipt=document.querySelector('input')
        var btn=document.querySelector('button')
        var p=document.querySelector('p')
        btn.addEventListener('click',function(){
            if(ipt.value===''){
                alert('请输入内容')
            }else{
                p.innerHTML=ipt.value;
            }
        })
     </script>
</body>

<body>
    <div class="box">
        <input type="text" placeholder="请输入内容">
        <button>提交</button>
        <p></p>
    </div>
     <script>
        var ipt=document.querySelector('input')
        var btn=document.querySelector('button')
        var p=document.querySelector('p')
        btn.addEventListener('click',function(){
            var str=ipt.value.trim()  //加入此行代码即可
            if(str===''){
                alert('请输入内容')
            }else{
                p.innerHTML=str;
            }
        })
     </script>
</body>