比较旧的写法：验证车牌、手机号、电话、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 ...
随机推荐
- 用jQuery获取table中行id和td值
<%@ page language="java" pageEncoding="UTF-8"%> <% String path = reques ...
- linux开机自检配置文件fstab变只读无法修改问题
控制linux开机自检的配置文件是/etc/fstab,在最近用的服务器中,发现fstab变成了只读权限,无法修改. 解决方法:RH5下,因磁盘改变,而导致系统停在Ctrl+d,此时需输入密码进入修改 ...
- vue的样式绑定
vue在样式绑定,看这官方的文档,怎么试都不行后来看了一篇文章 <div :class="[rankClass]"></div> <script> ...
- 10 华电内部文档搜索系统 search01
Lucene解决搜索问题.ibatis实现存放问题,就是解决持久化问题.Struts 2做页面显示,就是实现业务层对应的功能. Spring与ibatis结合, 添加Spring支持 右击项目名s2i ...
- Flying Right POJ - 3038
有一条从南到北的航线,航线上有N个机场1-n从南到北分布,每天早上飞机从1飞到n,傍晚从n飞到1.有k组乘客,他们数量为M[k],从S飞到E,飞机上只有C个座位,计算每天飞机最多能拉多少乘客 贪心可以 ...
- DBArtist之Oracle入门第4步: Oracle创建数据库
刚开始进去后,我是懵逼的状态,不知道要干嘛,之前常用的是MSSQL,感觉两者还是有区别的: oracle中:1.查询数据库名:select name,dbid from v$database;或者sh ...
- tp5 sql 大于小于
1.大于 $rwhere['ctime'] = array('egt',10000); 2.小于 $rwhere[);
- 利用crosstool-ng自动化编译交叉编译环境(转)
原文地址:http://www.bootc.net/archives/2012/05/26/how-to-build-a-cross-compiler-for-your-raspberry-pi/ A ...
- CTE递归限制次数
CTE可以用来取递归,网上资料很多,这里就不再叙述了,今天遇到的需求是要限制只取2级,然后加了个临时的lev with tree as(select [CustomerID],[CustomerNam ...
- OSG图形设备接口GraphicsContext
1.图形设备与相机 在Camera类的成员函数中,setGraphicContext()函数的工作是设置相机对应的图形设备对象,换句话说,下面要介绍的GraphicsContext类就是图形设备对象的 ...