循环遍历正则验证input框内容合法性

最新推荐文章于 2023-11-10 15:52:46 发布

我爱丁丁猫

最新推荐文章于 2023-11-10 15:52:46 发布

阅读量237

点赞数

分类专栏：前端文章标签： jquery regexp

原文链接：https://www.mk2048.com/blog/blog.php?id=hbbiij22hkcb&title=%E5%BE%AA%E7%8E%AF%E9%81%8D%E5%8E%86%E6%AD%A3%E5%88%99%E9%AA%8C%E8%AF%81input%E6%A1%86%E5%86%85%E5%AE%B9%E5%90%88%E6%B3%95%E6%80%A7

版权

前端专栏收录该内容

1898 篇文章 4 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> 循环遍历正则验证input框内容合法性</title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css"></style>
  <script type="text/javascript" src="jquery-3.0.0.js"></script>
 </head>
 <body>
    <div>
            城市1：<input type="text" name="ceshi" class="eym" value="" /><br /><br />
            城市2：<input type="text" name="ceshi" class="eym" value="" /><br /><br /> 
            城市3：<input type="text" name="ceshi" class="eym" value=""  /><br /><br />
            城市4：<input type="text" name="ceshi" class="eym" value=""  /><br /><br />
            城市5：<input type="text" name="ceshi" class="eym" value="" /><br /><br />
            城市6：<input type="text" name="ceshi" class="eym" value="" /><br /><br />
    </div>
    <div style="">
        <input type="button" name="cei" value="提交" class="subcit" />
    </div>
<script type="text/javascript">
        $(document).ready(function(){
            $(".subcit").click(function(){
                function isLength(obj){   
                    var reg=/^[\u4e00-\u9fa5]{2,10}$/;    //2-10个汉字
                    if(!reg.test(obj)){   
                        alert('输入内容不合法');return;
                    }else{   
                        alert('输入正确');
                    }  
                } 
                var $checkArray = $("input[name='ceshi']");
                if(!$checkArray)return;
                    for(var i=0;i<$checkArray.length;i  ){
                        var value=$checkArray[i].value;
                        isLength(value);
                    }
            });
        });
    </script>
 </body>
</html>

更多专业前端知识，请上【猿2048】www.mk2048.com

我爱丁丁猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
循环遍历正则验证input框内容合法性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
复制链接

扫一扫