比较旧的写法：验证车牌、手机号、电话、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 ...
随机推荐
- doStartTag(),doEndTag()方法的执行
1 .TagSupport与BodyTagSupport的区别 TagSupport与BodyTagSupport的区别主要是标签处理类是否需要与标签体交互,如果需要交互的就用TagSupport,否 ...
- jxl导出excel的问题
jxl导出excel,通常浏览器会提示excel导出完成情况及默认保存路径,或让用户自定义选择保存路径,要达到这种效果,有些要做下修改,如:response是jsp的内置对象,在jsp中使用时不用声明 ...
- js动态的给json对象添加新的元素
把{name:"xxx",age:"xxx"}变成{name:"xxx",age:"xxx",value:"x ...
- JSP的原理、JSP的执行过程
Jsp的本质是servlet, 通过response的printWriter返回,response的getOutputStream只能调用一次,返回流就不能返回页面刷新. JSP起源 在很多动态网页中 ...
- space defender,太空版植物大战僵尸 游戏基本框架的设计
- len=in.read(b,0,len)和len=in.read(b)的区别
byte[] byte = new byte[1024]; int len =0 ; while((len=in.read(b))!=-1){ out.write(b,0,len); } read函数 ...
- [hdu4347]The Closest M Points(平衡树式kdtree)
解题关键:模板题(结合起来了) #include<iostream> #include<cstdio> #include<cstring> #include< ...
- css的优先级和权重问题 以及!important优先级
一,前言: 刚加的css怎么没有渲染出来?浏览器中查看,发现是被其他的css给覆盖了,相信我们都曾遇到过这样的问题.那么浏览器是如何选择css标签的渲染顺序的呢?换句话说,css选择器的优先级是怎么规 ...
- 为什么3D模型的网格由很多三角形来组成
因为二点确定一条线,三点确定一个面 网格就是由很多面组成的,四个点也能组成面 但是三个点就足够了
- DBArtist之Oracle入门第3步: 安装配置PL/SQL Developer
操作系统: WINDOWS 7 (64位) 数据库: Oracle 11gR2 (64位) PL/SQL Developer : PL/SQL ...