比较旧的写法：验证车牌、手机号、电话、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 ...
随机推荐
- href 和src 的区别
转载地址:http://www.58maisui.com/2016/08/03/30/?utm_source=tuicool&utm_medium=referral href和src的区别: ...
- 简单HttpClientUtils工具类
package com.zy.utils; import org.apache.http.HttpEntity; import org.apache.http.HttpStatus; import o ...
- Video组件：控制视频的播放与暂停
来自<sencha touch权威指南>第10章,315页开始 app.js代码如下: Ext.require(['Ext.Video','Ext.MessageBox','Ext.Too ...
- 后台注册js代码的方法
Page.ClientScript.RegisterClientScriptBlock(JSUtil.CurrentPage.GetType(), Util.NewGuid(), @"< ...
- C#通过Redis实现分布式锁
Redis有三个最基本属性来保证分布式锁的有效实现: 安全性: 互斥,在任何时候,只有一个客户端能持有锁. 活跃性A:没有死锁,即使客户端在持有锁的时候崩溃,最后也会有其他客户端能获得锁,超时机制. ...
- not in查询不出数据问题
select ID from SmartCustomer where ID not in (select distinct CustomerID from SmartPromoter where Cu ...
- GitLab服务器IP地址修改
gitlab安装介绍:https://about.gitlab.com/downloads/#centos7 刚搭建好的gitlab在GitLab上新建一个项目test_gitlab,刚开始仓库地址是 ...
- 从零开始学习前端JAVASCRIPT — 9、JavaScript基础RegExp(正则表达式)
1:正则的概念 正则表达式(regular expression)是一个描述字符规则的对象.可以用来检查一个字符串是否含有某个子字符串,将匹配的子字符串做替换或者从某个字符串中取出符合某个条件的子串等 ...
- ubuntu同时安装Qt4.8和Qt5.7[认真写每篇博客^-^]
这是ubuntu默认安装(从apt安装)的路径和相关文件,建议编译安装到/opt目录下. 从APT安装的默认文件夹 以下是我的安装情况,配置为qt4.8为默认. 安装包或源码下载地址: qt4:htt ...
- WordPaster-Joomla_3.4.7-tinymce 4.1.7示例发布
资源下载:Joomla 3x, 1.1.1. 1.添加wordpaster文件夹 /media/ 1.1.2. 2.添加插件文件夹 路径:media/editors/tinymce/plugi ...