<!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>

循环遍历正则验证input框内容合法性的更多相关文章

  1. 正则验证&模态框

    在日常生活中,凡是需要表单验证的都会用到正则验证.下面拿一个简单的带有模态框的正则验证的小demo看一下     <style>         /* 遮罩层 */         .ma ...

  2. 使用正则限制input框只能输入数字/英文/中文等等

    常用HTML正则表达式 1.只能输入数字和英文的: 复制代码代码如下: <input onkeyup="value=value.replace(/[/W]/g,'') " o ...

  3. vue开发中利用正则限制input框的输入（手机号、非0开头的正整数等）

    我们在前端开发中经常会碰到类似手机号输入获取验证码的情况,通常情况下手机号的输入需要只能输入11位的整数数字.并且需要过滤掉一些明显不符合手机号格式的输入,那么我们就需要用户在输入的时候就控制可以输入 ...

  4. 百度小程序-form表单点击提交,input框内容不会清空

    百度小程序与微信小程序相似度90%.微信小程序转换为百度小程序,部分还是需要人工修改! 做了一个form留言表单,点击提交之后,input框第一次会清空,但是第二次就不会清空了! 不多说直接上代码! ...

  5. js常用的一些正则验证文本框

    只允许输入数字和-onKeyUp="value=value.replace(/[^-\d]/g,'')" onafterpaste="value=value.replac ...

  6. amazeUI表单提交验证--input框required

    效果: html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...

  7. 正则验证input输入，要求只能输入正数，小数点后保留两位。

    <input type="number" step="1" min="0" onkeyup="this.value= thi ...

  8. js正则验证input输入框有空格时提示直接去除空格

    <input type="text" id="test"/> <input type="button" value=&qu ...

  9. 实时获取input框内容

    源码: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncod ...

随机推荐

  1. java_对象序列化

    对象序列化(serializable) 序列化读:ObjectInputStream  ois=new ObjectInputStream(new FileInputStream("./gg ...

  2. 利用Python爬取电影网站

    #!/usr/bin/env python #coding = utf-8 ''' 本爬虫是用来爬取6V电影网站上的电影资源的一个小脚本程序,爬取到的电影链接会通过网页的形式显示出来 ''' impo ...

  3. leetcode-479-Largest Palindrome Product（找到两个乘数相乘得到的最大的回文数）

    题目描述: Find the largest palindrome made from the product of two n-digit numbers. Since the result cou ...

  4. SpringBoot + Scala环境部署

    在pom.xml文件中添加: <dependencies>中 <!-- 添加Scala依赖 --> <dependency> <groupId>org. ...

  5. js字符串去重

    js字符串去重: 1.  去掉字符串前后所有空格: function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } ...

  6. JSP中使用JSTL表达式

    最近写web项目,为了使JSP代码美观好维护,决定采用EL&JSTL表达式.    EL表达式直接就可以用,但是JSTL表达式是属于apache的一个开源库,这个用起来就需要倒入一些jar包之 ...

  7. Codeforces Round #555 (Div. 3) D. N Problems During K Days 【数学思维】

    一 题面 D. N Problems During K Days 二 分析 对于这题,刚开始我就是陷入了对公式的执着,企图用公式直接确定第一个数,然后试着去找序列.经过思考和手动模拟后发现是很难保证正 ...

  8. dede发布内容限制违规词

    DEDE限制违规词代码 //词汇过滤检查 if( $cfg_notallowstr != '' ) { if(preg_match("#".$cfg_notallowstr.&qu ...

  9. dede修改文章页命名规则

    一.DEDEcms  修改默认文章命名规则 1.单独添加分类默认修改,修改文件:include/common.inc.php. 大概在251行文档的命名规则 $cfg_df_namerule = '{ ...

  10. 剑指offer——面试题26：判断二叉树B是否为二叉树A的子结构

    #include"iostream" #include"stdio.h" #include"math.h" using namespace ...