本文是一篇关于jquery使用正则来验证输入，及一些常用验证规则的基础文章，适合新手。

假设我们的网页里有这样的一个表单：

<input id="aijquery" type="text">

<button id="btn">验证</button>

1.验证用户输入的只能是英文和数字：

$("#btn").click(function(){

var $aijquery=$("#aijquery");

if(!/^[a-z0-9]+$/ig.test($aijquery.val())){

alert("只能数字和英文");

}

});

2.验证用户输入只能为数字，并且如果是小数的话，最多只能是两位小数：

$("#btn").click(function(){

var v=$("#aijquery").val();

if(!/^\d+(?:\.\d{0,2})?$/.test(v).test(v)){

alert("只能为数字，并且如果是小数的话，最多只能是两位小数");

}

});

3.验证电子邮箱：

$("#btn").click(function(){

var v=$("#aijquery").val();

if(!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(v).test(v)){

alert("请输入正确的电子邮箱");

}

});

4.验证汉字：

$("#btn").click(function(){

var v=$("#aijquery").val();

if(!/^[\u4e00-\u9fa5]+$/.test(v).test(v)){

alert("请输入汉字");

}

});

5.判断是否为整数，可以为0：

$("#btn").click(function(){

var v=$("#aijquery").val();

if(!/^0$|^[1-9]\d*$/.test(v).test(v)){

alert("请输入整数");

}

});

　　

下面是例子：

<!doctype html>

<html lang="en">

<head>

<title>jquery里常用正则的方法及演示-aijQuery.cn</title>

<script language="JavaScript" src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">

</head>

<body>

<DIV class="container-fluid">

  <input id="aijquery" type="text">

  <button id="btn">验证</button>

</DIV>

<script language="javascript">

$("#btn").click(function(){

      var v=$("#aijquery").val();

    //if(!/^[a-z0-9]+$/ig.test(v)){alert("只能数字和英文");}

    //if(!/^\d+(?:\.\d{0,2})?$/.test(v)){alert("只能为数字，如果有小数，最多只能两位！");}

    //if(!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(v)){alert("请输入正确的电子邮箱");}

   //if(!/^[\u4e00-\u9fa5]+$/.test(v)){alert("请输入汉字");}

   if(!/^0$|^[1-9]\d*$/.test(v)){alert("请输入整数");}

});

</script>

</body>

</html>

出处：http://www.aijquery.cn

jquery里正则的使用方法及常用的正则验证的更多相关文章

  1. jquery里互为逆过程的方法

    jquery里互为逆过程的方法reverse 在jquery里,有不少互为逆过程的方法,如parent()与children(),parents()与find(),first()和last()等,这些 ...

  2. js模仿jquery里的几个方法parent, parentUntil, children

    有时工作需要, 也是接着上一章的方法, 用js模仿jquery里的几个方法parent, parentUntil, children. function parent(node){ return no ...

  3. JQuery新闻滚动的实现方法（常用笔记1）

    .mouseover() //经过子元素也会触发 .mouseenter() //经过被选元素才会触发 .mouseout() //离开子元素也会触发 .mouseleave() //离开被选元素才会 ...

  4. js模仿jquery里的几个方法next, pre, nextAll, preAll

    /*siblings函数, 选取node的所有兄弟节点*/ function siblings(node){ if(node.nodeType === 1){ node.flag = true; // ...

  5. PHP基础语法: echo,var_dump, 常用函数：随机数：拆分字符串:explode()、rand()、日期时间：time()、字符串转化为时间戳：strtotime()可变参数的函数：PHP里数组长度表示方法：count($attr[指数组])；字符串长度：strlen($a)

    PHP语言原理:先把代码显示在源代码中,再通过浏览器解析在网页上 a. 1.substr;  //用于输出字符串中,需要的某一部分 <?PHP $a="learn php"; ...

  6. 两种常用的jquery事件加载的方法 的区别

    两种常用的jquery事件加载的方法   $(function(){});  window.onload=function(){}  第一个呢,是在DOM结构渲染完成以后调用的,这时候网页中一些资源还 ...

  7. jquery里判断数组内是否包含了指定的值或元素的方法

    本文讲的是在jquery里,如何判断一个数组里是否包含了指定的值,变量,或其它对象元素的方法. 在jquery里,我们可以用$.inArray来判断一个数组里是否包含了指定的值或其它对象元素,来看一个 ...

  8. jquery里把数组转换成json的方法

    首先来看,jquery里自带的,和json相关的函数: 1.$.parseJSON  :  用来解析JSON字符串,返回一个对象. 什么叫“JSON字符串”? 比如: var a={name:&quo ...

  9. js(jQuery)获取时间的方法及常用时间类搜集

    获取时间的方法及常用时间类都是大家经常使用的,在本文为大家整理了一些,个人感觉还比较全,感兴趣的朋友可以收集下   复制代码代码如下: $(function(){ var mydate = new D ...

随机推荐

  1. HBase – 探索HFile索引机制

    本文由  网易云发布. 作者: 范欣欣 本篇文章仅限内部分享,如需转载,请联系网易获取授权. 01 HFile索引结构解析 HFile中索引结构根据索引层级的不同分为两种:single-level和m ...

  2. 2018-2019-2 网络对抗技术 20165219 Exp3 免杀原理与实践

    2018-2019-2 网络对抗技术 20165219 Exp3 免杀原理与实践 实验任务 1 正确使用msf编码器,msfvenom生成如jar之类的其他文件,veil-evasion,自己利用sh ...

  3. bzoj3435 [Wc2014]紫荆花之恋（动态点分治+替罪羊树）

    传送门(权限) 传送门(非权限) 题解 我终终终终终终于做出来啦!!! 作为一个没有学过替罪羊树的蒟蒻现场学了一下替罪羊树,作为一个平衡树都写数组版本的看着大佬的指针题解无语只能硬去理解然后照着抄了一 ...

  4. 脚本：定时释放 Linux/CentOS 缓存【转载自：杭州山不高】

    定时释放Linux/CentOS缓存的脚本(yl_dropcaches)如下: #!/bin/bash used=`free -m | awk 'NR==2' | awk '{print $3}'` ...

  5. [AS3.0] 解决Number类型计算不精确问题

    看下面代码运行结果: trace(256.08+123.1); //379.17999999999995 trace(256.08-123.11); //132.96999999999997 trac ...

  6. jdk（1.8）命令行工具（二）

    2.3 jinfo:java配置信息工具 jinfo(Configuration Info for Java)的作用是实时的查看和调整虚拟机的各项参数.使用jps -v 可以查看虚拟机启动时显示指定的 ...

  7. day00 -----博客作业1

    问题1.使用while循环输入 1 2 3 4 5 6     8 9 10 i = 0 while i<10: i+=1 if i ==7: continue print(i) 问题2 求1- ...

  8. 论文笔记：CNN经典结构2（WideResNet，FractalNet，DenseNet，ResNeXt，DPN，SENet）

    前言 在论文笔记:CNN经典结构1中主要讲了2012-2015年的一些经典CNN结构.本文主要讲解2016-2017年的一些经典CNN结构. CIFAR和SVHN上,DenseNet-BC优于ResN ...

  9. jQuery 事件注册

    重点事件注册.on() <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset= ...

  10. css左右布局，左侧固定，右侧自适应

    实现布局的几种方法,见代码: <!DOCTYPE html> <html lang="cn"> <head> <meta charset= ...