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

关注

原创最新推荐文章于 2026-03-21 01:17:47 发布 591 阅读 AI 写同款· GEO 优化 ›

在实战中学AI-车流量统计项目-YOLOV11车辆检测-YOLOV11模型的部署考虑实际落地中部署推理资源消耗，速度与模型精度之间的均衡，同时，车辆属于比较通用场景的目标检测，我们将YOLOV11作为最终的模型选择，目前官方开源的模型基于coco数据集训练，里面已经包含了车辆相关类别，经测试，在监控视角下效果基本可用，所以，在落地过程中，我们先用这个模型来打通部署链路，后面再逐步优化模型性能。在Nvidia的硬件下做部署，部署框架优先选择官方框架TensorRT，下面重点讲述如何用TensorRT部署YOLOV11模型。阅读详情

将代码直接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" onblur="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