分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

jquery里正则的使用方法及常用的正则验证

发布时间:2023-09-06 01:58责任编辑:胡小海关键词:正则

  本文是一篇关于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>
View Code

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

jquery里正则的使用方法及常用的正则验证

原文地址:https://www.cnblogs.com/1906859953Lucas/p/9139428.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved