zoukankan      html  css  js  c++  java
  • 循环遍历正则验证input框内容合法性

    <!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>
  • 相关阅读:
    Linux常用命令
    IDEA神器
    Nginx配置文件变量大全
    php-fpm.conf 文件详解
    mysqlsla慢查询分析工具教程
    Nginx upstream的5种权重分配方式
    Nginx简单性能调优
    MySQL 5.5主从同步设置教程
    mongoDB中批量修改字段
    Python学习笔记第四周
  • 原文地址:https://www.cnblogs.com/yangzailu/p/6807201.html
Copyright © 2011-2022 走看看