比较旧的写法:验证车牌、手机号、电话、qq等
1、验证车牌代码:
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>验证车牌</title>
<style type="text/css">
* {
margin: 0;
padding: 0
} input {
color: #333
}
</style>
</head> <body>
<form name="theform" onsubmit="return che2Cha('chepai');" method="post" action="haoma.php">
<div>
<select id="cp_dq" name="dq">
<option value="京" selected="">京</option>
<option value="津">津</option>
<option value="沪">沪</option>
<option value="渝">渝</option>
<option value="冀">冀</option>
<option value="豫">豫</option>
<option value="云">云</option>
<option value="辽">辽</option>
<option value="黑">黑</option>
<option value="湘">湘</option>
<option value="皖">皖</option>
<option value="鲁">鲁</option>
<option value="新">新</option>
<option value="苏">苏</option>
<option value="浙">浙</option>
<option value="赣">赣</option>
<option value="鄂">鄂</option>
<option value="桂">桂</option>
<option value="甘">甘</option>
<option value="晋">晋</option>
<option value="蒙">蒙</option>
<option value="陕">陕</option>
<option value="吉">吉</option>
<option value="闽">闽</option>
<option value="贵">贵</option>
<option value="粤">粤</option>
<option value="青">青</option>
<option value="藏">藏</option>
<option value="川">川</option>
<option value="宁">宁</option>
<option value="琼">琼</option>
</select>
<select id="cp_zm" name="zm">
<option value="A" selected="">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="G">G</option>
<option value="H">H</option>
<option value="I">I</option>
<option value="J">J</option>
<option value="K">K</option>
<option value="L">L</option>
<option value="M">M</option>
<option value="N">N</option>
<option value="O">O</option>
<option value="P">P</option>
<option value="Q">Q</option>
<option value="R">R</option>
<option value="S">S</option>
<option value="T">T</option>
<option value="U">U</option>
<option value="V">V</option>
<option value="W">W</option>
<option value="X">X</option>
<option value="Y">Y</option>
<option value="Z">Z</option>
</select>
<input type="text" name="word" id="chepai_haoma_num" class="ipt_text">
<input class="btn_orange_1" type="submit" value="查询">
</div>
</form>
</body> </html>
<script type="text/javascript">
function che2Cha(t) {
var num = document.getElementById(t + '_haoma_num').value;
var diqu = document.getElementById('cp_dq').value;
var zimu = document.getElementById('cp_zm').value;
var flag = chkNum['chkchepai'](num);
if (false == flag) {
alert('请输入正确的号码');
return false;
}
location.href = "/haoma/" + t + "/" + diqu + "-" + zimu + "-" + num;
}
var chkNum = {
chkchepai: function(num) {
if (num.search(/^[0-9a-zA-Z]{5}$/) == -1) {
return false;
}
return true;
}
}
</script>
效果图:
2.验证手机号码:
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
* {
margin: 0;
padding: 0
}
input{ color: #333 }
</style>
</head> <body>
<form name="theform" onsubmit="return che2Cha('shouji');" method="post" action="haoma.php">
<div>
<input type="text" name="word" id="shouji_haoma_num" class="ipt_text">
<input class="btn_orange_1" type="submit" value="查询">
</div>
</form>
</body> </html>
<script type="text/javascript">
function che2Cha(t) {
var num = document.getElementById(t + '_haoma_num').value;
var flag = chkNum['chkshouji'](num);
if (false == flag) {
alert('请输入正确的号码');
return false;
}
location.href = "/haoma/" + t + "/" + diqu + "-" + zimu + "-" + num;
}
var chkNum = { chkshouji: function(num) {
if (num.search(/^[1-9]\d{10}$/) == -1) {
return false;
}
return true;
}
}
</script>
3.验证电话
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>验证电话</title>
<style type="text/css">
* {
margin: 0;
padding: 0
}
input{ color: #333 }
</style>
</head> <body>
<form name="theform" onsubmit="return che2Cha('dianhua');" method="post" action="haoma.php">
<div>
<input type="text" name="word" id="dianhua_haoma_num" placeholder="请输入正确的电话号码,不用加区号" class="ipt_text">
<input class="btn_orange_1" type="submit" value="查询">
</div>
</form>
</body> </html>
<script type="text/javascript">
function che2Cha(t) {
var num = document.getElementById(t + '_haoma_num').value;
var flag = chkNum['chkdianhua'](num);
if (false == flag) {
alert('请输入正确的号码');
return false;
}
location.href = "/haoma/" + t + "/" + diqu + "-" + zimu + "-" + num;
}
var chkNum = {
chkdianhua: function(num) {
if (num.search(/^[1-9]\d{6,7}$/) == -1) {
return false;
}
return true;
}
}
</script>
4.验证qq
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
* {
margin: 0;
padding: 0
}
input{ color: #333 }
</style>
</head> <body>
<form name="theform" onsubmit="return che2Cha('qq');" method="post" action="haoma.php">
<div>
<input type="text" name="word" id="qq_haoma_num" placeholder="请输入QQ号码" class="ipt_text">
<input class="btn_orange_1" type="submit" value="查询">
</div>
</form>
</body> </html>
<script type="text/javascript">
function che2Cha(t) {
var num = document.getElementById(t + '_haoma_num').value;
var flag = chkNum['chkqq'](num);
if (false == flag) {
alert('请输入正确的号码');
return false;
}
location.href = "/haoma/" + t + "/" + diqu + "-" + zimu + "-" + num;
}
var chkNum = {
chkqq: function(num) {
if (num.search(/^[1-9]\d{4,12}$/) == -1) {
return false;
}
return true;
}
}
</script>
5.验证身份证
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>验证身份证</title>
<style type="text/css">
* {
margin: 0;
padding: 0
} input {
color: #333
}
</style>
</head> <body>
<form name="theform" onsubmit="return che2Cha('shenfen');" method="post" action="haoma.php">
<div>
<input type="hidden" name="act" value="ok">
<input type="hidden" name="type" value="6">
<input type="text" name="word" id="shenfen_haoma_num" class="ipt_text">
<input class="btn_orange_1" type="submit" value="查询">
</div>
</form>
</body> </html>
<script type="text/javascript">
function che2Cha(t) {
var num = document.getElementById(t + '_haoma_num').value;
var flag = chkNum['chkshenfenzheng'](num);
if (false == flag) {
alert('请输入正确的号码');
return false;
}
location.href = "/haoma/" + t + "/" + diqu + "-" + zimu + "-" + num;
}
var chkNum = {
chkshenfenzheng: function(num) {
if (num.search(/^[1-9](\d{14}|\d{16}[\d|x|X])$/) == -1) {
return false;
}
return true;
}
}
</script>
验证汉字:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form method="post" onclick="dingzi_next()">
<input type="text" id="xing" value="请输入姓" >
<button type="submit">提交</button>
</form>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function dingzi_next() {
var str=$('#xing').val();
var reg = /^[\u4E00-\u9FA5]+$/;
if(!reg.test(str)){
alert('请输入汉字');
return false;
}
if(str.length>2){
alert('姓只能1到2个汉字。');
return false;
}
return true;
}
</script>
</body>
</html>
效果图:
比较旧的写法:验证车牌、手机号、电话、qq等的更多相关文章
- js正则表达式验证账号手机号电话邮箱
1.账号 规则:字母.数字.下划线组成,字母开头,4-16位. 表达式:/^[a-zA-z]\w{3,15}$/: 2.手机号 规则:11位数字,以1开头 表达式:/^1\d{10}$/ 3.电话号码 ...
- .NET单例模式-------各种写法&&验证
.NET单例模式-------各种写法&&验证 前言 单例模式对大家来说都不陌生,也很容易搞懂其原理,本篇文章也不提供单例模式的详细原理解析,本篇文章的目的是展示在C#中单例模式的各种 ...
- Flex布局新旧混合写法详解(兼容微信)
原文链接:https://www.usblog.cc/blog/post/justzhl/Flex布局新旧混合写法详解(兼容微信) flex是个非常好用的属性,如果说有什么可以完全代替 float 和 ...
- Flex 布局新旧混合写法详解(兼容微信)
flex 是个非常好用的属性,如果说有什么可以完全代替 float 和 position ,那么肯定是非它莫属了(虽然现在还有很多不支持 flex 的浏览器).然而国内很多浏览器对 flex 的支持都 ...
- C#验证类 可验证:邮箱,电话,手机,数字,英文,日期,身份证,邮编,网址,IP (转)
namespace YongFa365.Validator { using System; using System.Text.RegularExpressions; /**//// <summ ...
- php正则表达式验证手机/固定电话/邮箱/身份证/银行卡自定义函数
/** * 验证手机号码格式 * @param string $phone 手机号 * @return boolean */ function is_phone($phone) { $chars = ...
- [jquery]jquery正则表达式验证(手机号、身份证号、中文名称)
数字判断方法:isNaN()函数 test()方法 判断字符串中是否匹配到正则表达式内容,返回的是boolean值 ( true / false ) // 验证中文名称 function isChin ...
- iOS 开发 常用的正则验证表达式:电话 、邮箱等等
#pragma mark - 验证手机号 +(BOOL)checkForMobilePhoneNo:(NSString *)mobilePhone{ NSString *regEx = @" ...
- iOS 验证邮箱手机号格式
做登录界面时,用户在UITextfield中输入输入邮箱账号后,我们应该在本地验证格式是否正确,再将参数传给服务器验证. 最简单的就是利用系统的NSPredicate //利用正则表达式验证 -(BO ...
随机推荐
- input子系统分析之一:框架
内核版本:3.9.5 输入设备总类繁杂,包括按键,键盘,触摸屏,鼠标,摇杆等等,它们本身都是字符设备,不过内核为了能将这些设备的共性抽象出来,简化驱动的开发,建立了一个Input子系统.Input子系 ...
- 使用RampTexture来控制diffuse shading
[RampTexture] RampTexture(渐变纹理),可以是1D/2D纹理. This allows you to accentuate the surface's colors to fa ...
- Apache Flume的介绍安装及简单案例
概述 Flume 是 一个高可用的,高可靠的,分布式的海量日志采集.聚合和传输的软件.Flume 的核心是把数据从数据源(source)收集过来,再将收集到的数据送到指定的目的地(sink).为了保证 ...
- rocketmq刷盘过程
本文基于rocketmq4.0版本,结合CommitlLog的刷盘过程,对消息队列的刷盘过程源码进行分析,进而对RocketMQ的刷盘原理和过程进行了解. rocketmq 4.0版本中刷盘类型 ...
- 03.什么是Lucene全文检索的原理01
全文检索的原理:查询速度快,精准度高,可以根据相关度进行排序.它的原理是:先把内容分词,分词之后建索引. Lucene是apache下的一个开放源代码的全文检索引擎工具包. 提供了完整的查询引擎和索引 ...
- Cocoapods 版本升级
和往常一样使用 Cocoapods ,执行命令: $ pod install #输出信息 /System/Library/Frameworks/Ruby.framework/Versions/2.0/ ...
- 小程序本地资源无法通过 css 获取
background-image:可以使用网络图片,或者 base64,或者使用<image/>标签
- 410. Split Array Largest Sum 把数组划分为m组,怎样使最大和最小
[抄题]: Given an array which consists of non-negative integers and an integer m, you can split the arr ...
- poi导出excel表格
package poiexcel; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; ...
- Git & Github使用总结
Linux下git的安装 在终端下输入 git , 看系统有没有安装git. 如果没有安装则会出现以下提醒: The program 'git' is currently not installed. ...