其他分享
首页 > 其他分享> > [原生 js 训练计划] 验证输入是否为空

[原生 js 训练计划] 验证输入是否为空

作者:互联网

欢迎大家加入我的github项目,一起学习,一起发展 ---> 全栈工程师进阶学习站
---> 我的前端学习笔记
--->行业内最新最群的报告,工作日每日更新

—>原生 js 训练计划

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>验证输入是否为空</title>
</head>
<body>
<h2>验证输入是否为空</h2>
<input type="text" placeholder="请输入内容" id="str" style="width: 200px">
<input type="button" value="验证" id="checkStr">
<hr>



</body>
<script>

    window.onload=function () {

        var _str=document.getElementById("str"),
            _checkStr=document.getElementById("checkStr");

        _checkStr.onclick=function () {

            if (_str.value.replace(/^(\s|\u00A0|\u0020|\u3000)+|(\s|\u00A0|\u0020|\u3000)+$/g,"")){
                alert("验证通过")
            }else {
                alert("验证失败,请您输入内容")
            }

        }

    }

</script>
</html>

标签:原生,为空,验证,js,u3000,checkStr,str,输入
来源: https://blog.csdn.net/weixin_39200308/article/details/95616707