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>
  • 相关阅读:
    改写promise并添加超时处理
    js将文案复制到剪贴板
    学习笔记(安装、命名实体识别、BERT、面试)
    读书笔记——安装
    Markdown使用
    奔波三载,虽死犹生
    .net工程师的利器
    .NET开发相关技术
    两行代码教你用React useContext代替React-redux
    记解决 `antd is not defined` 解决ant design 打包体积过大的问题
  • 原文地址:https://www.cnblogs.com/yangzailu/p/6807201.html
Copyright © 2011-2022 走看看