<!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. 读取Properties文件的六种方法

    1.使用java.util.Properties类的load()方法 示例: InputStream in = new BufferedInputStream(new FileInputStream( ...

  2. [性能分析]linux文件描述符

    1.什么是文件和文件描述符 Linux中文件可以分为4种:普通文件.目录文件.链接文件和设备文件.1.普通文件是用户日常使用最多的文件,包括文本文件.shell脚本.二进制的可执行和各种类型的数据.l ...

  3. 使用Docker构建jdk1.8镜像

    一.下载centos镜像 下载自己需要的版本TAG,详见: docker安装指定版本TAG的镜像 $ sudo docker pull centos:centos7 二.下载jdk1.8,并上传到/u ...

  4. IntelliJ IDEA中可以用Tab键跳出括号和引号吗？

    在 Settings->Editor->General->Smart Keys 中勾选 Jump outside closing bracket/quote with Tab 即可.

  5. C#（同步调用、异步调用、异步回调）

    Review: 原作者虽然使用了汉字的类名,看起来十分蹩脚,但是,还是把同步调用.异步调用.异步回调的使用讲解的很详细的.原理讲解的很清晰. ------ 本文将主要通过“同步调用”.“异步调用”.“ ...

  6. 【转载】Analysis Service Tabular Model #003 Multidimensional Model VS Tabular Model 我们该如何选择？

    由于Multidimensional Model 和 Tabular Model 并不能互相转换, 所以在项目之初就应该要考虑好选择哪一种模型进行开发. 以下只是一些建议: Licensing 许可和 ...

  7. 基于python的几种排序算法的实现

    #!usr/bin/python3 # -*- coding: utf-8 -*- # @Time : 2019/3/28 10:26 # @Author : Yosef-夜雨声烦 # @Email ...

  8. Mac下安装tomcat8（Mac 10.12）

    1.到官网下载tomcat8 http://tomcat.apache.org/download-80.cgi 说明:tomcat最好不要下载最新的,选择一个适中的最好. 2.安装 ▲解压并重命名文件 ...

  9. unity编辑器教程

    https://blog.csdn.net/candycat1992/article/details/52067975

  10. 理解Python语言里的异常(Exception)

    Exception is as a sort of structured "super go to".异常是一种结构化的"超级goto". 作为一个数十年如一日 ...