js限制文本框只能某种格式

最新推荐文章于 2017-09-28 10:03:50 发布

abc_7

最新推荐文章于 2017-09-28 10:03:50 发布

阅读量487

点赞数

分类专栏： Asp.net 文章标签：正则表达式 javascript server function input email

本文链接：https://blog.csdn.net/abc_7/article/details/5662401

版权

Asp.net 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

将代码直接copy就可！

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
        //JS验证输入的内容
        function checkInput()
        {
            var txtName=document.getElementById("txtName");
            var lblMsg=document.getElementById("lblMsg");
            document.getElementById("pic").style.display='';
            var obj=document.getElementById("img");

            //创建正则表达式
            //var re=/^[0-9a-zA-Z]/; //只输入数字和字母的正则(没有字数限制)

            //var re=/^[0-9a-zA-Z]{6,20}$/; //只输入数字和字母的正则(字数在6到20个之间)

            //var re=/^[/u4e00-/u9fa5]{1,10}$/; //只输入汉字的正则

            //var re=/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/; //验证邮箱格式

            //var re=/^-?/d+$/; //只输入数字

            var re=/^[A-Za-z]+$/;//只输入字母

            if(txtName.value.search(re)==-1)
            {
                //lblMsg.innerText="请输入数字或字母";
                //lblMsg.innerText = "请输入六到二十个数字或字母";
                //lblMsg.innerText = "请输入汉字，字符不能超过十个。";
                //lblMsg.innerText="邮件格式错误";
                //lblMsg.innerText="请输入数字";
                lblMsg.innerText="请输入字母";
                obj.src="img/xx.gif";      //图片路径
                return false;
            }
            else
            {
                obj.src="img/gou.gif";
                lblMsg.innerText="";
                return true;
            }
        }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <input id="txtName" οnblur="return checkInput()" />
            <span id="pic" style="display:none"><img id="img" src="img/gou.gif" style="width:15px; height:15px" alt=""/></span>
            <span id="lblMsg"></span>
        </form>
    </body>

</html>

gou.gif 将图片放在img文件夹下

xx.gif

补充：(将上面的语句修改 var re=/需要改的正则表达式/;)
^/d+$　　//匹配非负整数（正整数 + 0）
^[0-9]*[1-9][0-9]*$　　//匹配正整数
^((-/d+)|(0+))$　　//匹配非正整数（负整数 + 0）
^-[0-9]*[1-9][0-9]*$　　//匹配负整数
^-?/d+$　　　　//匹配整数
^/d+(/./d+)?$　　//匹配非负浮点数（正浮点数 + 0）
^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$　　//匹配正浮点数
^((-/d+(/./d+)?)|(0+(/.0+)?))$　　//匹配非正浮点数（负浮点数 + 0）
^(-(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*)))$　　//匹配负浮点数
^(-?/d+)(/./d+)?$　　//匹配浮点数
^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串
^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串
^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串
^/w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串
^[/w-]+(/.[/w?琼?渦獢p?? ?? ?浜睹扥潜桴牥摜極慢?瑨m? -]+)*@[/w-]+(/.[/w-]+)+$　　　　//匹配email地址
^[a-zA-z]+://匹配(/w+(-/w+)*)(/.(/w+(-/w+)*))*(/?/S*)?$　　//匹配url

abc_7

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js限制文本框只能某种格式

<br />将代码直接copy就可！<br /><html xmlns="http://www.w3.org/1999/xhtml" ><br /><head runat="server"><br /><title>无标题页</title><br /><script language="javascript" type="text/javascript"><br /> //JS验证输入的内容<br /> function checkInput()<br /> {<b
复制链接

扫一扫

专栏目录