比较旧的写法：验证车牌、手机号、电话、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 ...
随机推荐
- 使用heap profiler进行内存占用分析
最近在项目中用到了google的heap profiler工具来分析内存占用,效果非常显著,因此在这里写一篇博客记录一下使用过程中遇到的一些问题. heap profiler依赖于tcmalloc,所 ...
- 结队编程第二次作业:Android自动生成算式应用
一.题目要求 本次作业要求两个人合作完成,驾驶员和导航员角色自定,鼓励大家在工作期间角色随时互换,这里会布置两个题目,请各组成员根据自己的爱好任选一题. 这次我和我的小伙伴选择了题目一. 题目1: 实 ...
- IDEA快捷键【收藏】
Ctrl+Alt+L 格式化代码Ctrl+Shift+J 两行合成一行,删去不必要的空格匹配代码格式其他快捷键:[常规]Ctrl+Shift + Enter,语句完成“!”,否定完成,输入表达式时按 ...
- 使用cloudrea manager管理已有的cdh集群（转）
转自:http://blog.51cto.com/teacheryan/1912116 本文介绍如何搭建cloudera manager去接入已有hadoop组件(cdh). 一.下载必备文件: 1. ...
- Nginx源码完全注释（5）core/ngx_cpuinfo.c
/* * Copyright (C) Igor Sysoev * Copyright (C) Nginx, Inc. */ #include <ngx_config.h> #include ...
- 61. Rotate List(List)
Given a list, rotate the list to the right by k places, where k is non-negative. For example: Given ...
- iOS 导航栏黑线，UIImage 枚举处理方式
ios 找出导航栏下面的黑线(可隐藏,改变样式等) http://www.jianshu.com/p/effa4a48f1e3 设置UIImage的渲染模式:UIImage.renderi ...
- 最大公约数（gcd）和 最小公倍数（lcm）——辗转相除法
辗转相除法(又称欧几里得算法)是求最大公因数的算法 要求a,b的最大公约数(a>b),我们可以递归地求b,a%b的最大公约数,直到其中一个数变成0,这时另一个数就是a,b的最大公约数. C++实 ...
- Go 语言并发笔记
前言: 本文是学习<<go语言程序设计>> -- 清华大学出版社(王鹏 编著) 的2014年1月第一版 做的一些笔记 , 如有侵权, 请告知笔者, 将在24小时内删除, 转载请 ...
- 说说JVM中的操作码
JVM操作码 加载与存储操作码 load --从局部变量加载值到栈上 ldc --从池中加载常量到栈上 store --把值从栈中移走,存到局部变量中 dup --复制栈顶的值 getField -- ...