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

来源:互联网 发布:wps for linux 编辑:程序博客网 时间:2024/06/05 08:39

<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;}

原创粉丝点击