JS验证是数字字母汉字 JS验证

最新推荐文章于 2022-06-13 19:00:00 发布

宇凡网络

最新推荐文章于 2022-06-13 19:00:00 发布

阅读量476

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq19124152/article/details/8168062

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <title></title>
        <script language="javascript">
        //JS验证输入的内容
        function checkInput()
        {
            var txtName=document.getElementById("txtName");
            var lblMsg=document.getElementById("lblMsg");

            //创建正则表达式
            var re=/^[0-9a-zA-Z]{6,20}$/; //只输入数字和字母的正则
            //var re=/^[\u4e00-\u9fa5]{1,10}$/; //只输入汉字的正则

            if(txtName.value.search(re)==-1)
            {
                lblMsg.innerText = "请输入数字和字母，字符介于六到二十个。";
                //lblMsg.innerText = "请输入汉字，字符不能超过十个。";
                return false;
            }
            else
            {
                lblMsg.innerText = "√";
                return true;
            }
        }
        </script>
    </head>
    <body>
        <form id="form1" method="post">
            <input id="txtName" onblur="return checkInput()" />
            <div id="lblMsg"></div>
        </form>
    </body>
</html>

要说明的是div会自动换行，可以加入span他不会自动换行除非设置换行。

数字的判断可以用isNaN函数 if(isNaN(document.myform.name.value)){ alert("输入必须是数字"); return false;}

宇凡网络

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS验证是数字字母汉字 JS验证

cript"> //JS验证输入的内容 function checkInput() { var txtName=document.getElementById("txtName"); var lblMsg=document.getElementById("lblMsg");
复制链接

扫一扫