大清早写个正则【练习】
2016-11-11 09:34
85 查看
没调接口用正则验证手机号码运营商
第二个：全一点的表单验证
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1 style="color:orange;">欢迎注册学生信息</h1>
<form action="" onsubmit="return sub()">
<table border="5" color="orange">
<tr>
<td>姓名：</td>
<td><input type="text" name="username" onblur="check_user()"><span id="u"></span></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="text" name="pwd" onblur="check_pwd()"><span id="p"></span></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="text" name="pwd1" onblur="check_pwd1()"><span id="rp"></span></td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="sex" value="男" onblur="check_sex()">男
<input type="radio" name="sex" value="女" onblur="check_sex()">女
<span id="s"></span></td>
</tr>
<tr>
<td>邮箱：</td>
<td><input type="text" name="email" onblur="check_email()"><span id="e"></span></td>
</tr>
<tr>
<td>城市：</td>
<td><select name="city" onblur="check_city()">
<option value="">请选择</option>
<option value="北京">北京</option>
<option value="曼谷">曼谷</option>
<option value="东京">东京</option>
<option value="纽约">纽约</option>
<option value="莫斯科">莫斯科</option>
</select>
<span id="c"></span></td>
</tr>
<tr>
<td>手机号</td>
<td><input type="text" name="phone" onblur="check_phone()"><span id="ph"></span></td>
</tr>
<tr>
<td>座机号：</td>
<td><input type="text" name="number" onblur="check_number()"><span id="n"></span></td>
</tr>
<tr>
<td>身份证号：</td>
<td><input type="text" name="shenfen" onblur="check_shen()"><span id="sf"></span></td>
</tr>
<tr>
<td>QQ号</td>
<td><input type="text" name="qq" onblur="check_qq()"><span id="q"></span></td>
</tr>
<tr>
<td>自我介绍</td>
<td><textarea name="intro" cols="30" rows="10" onkeydown="check_intro()"></textarea><span id="i"></span></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="登录">
<input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
<script type="text/javascript">
//接全局ID返回文件通过元素
function $(name){
return document.getElementsByName(name);
}
//必须由5到10位数字或者字母组成，不允许数字开头
function check_user(){
var user = $("username")[0].value;
var reg = /^[a-z]\w{4,9}$/i;
if (reg.test(user)) {
document.getElementById("u").innerHTML="√";
return true;
}else{
document.getElementById("u").innerHTML="必须由5到10位数字或者字母组成，不允许数字开头";
return false;
}
}
//密码长度不能少于六位
function check_pwd(){
var pwd = $("pwd")[0].value;
var reg = /^\w{6,}$/
if (reg.test(pwd)) {
document.getElementById("p").innerHTML="√";
return true;
}else{
document.getElementById("p").innerHTML="密码长度不能少于六位";
return false;
}
}
//确认密码必须和密码一致
function check_pwd1(){
var pwd = $("pwd")[0].value;
var pwd1 = $("pwd1")[0].value;
var reg = /^\w{6,}$/
if (pwd != pwd1) {
document.getElementById("rp").innerHTML="两次密码不一致";
return false;
}else{
if(reg.test(pwd1)){
document.getElementById("rp").innerHTML="√";
return true;
}else{
document.getElementById("rp").innerHTML="确认密码长度不能少于六位";
return false;
}
}
}
ba6b
//验证性别必选一项
function check_sex(){
var sex = $("sex");
var num = 0 ;
for (var i = 0; i < sex.length; i++) {
if (sex[i].checked == true) {
num ++;
}
}
if (num<1) {
document.getElementById("s").innerHTML="性别必须选择一项";
return false;
}else{
document.getElementById("s").innerHTML="√";
return true;
}
}
//必须包含@符号以.com或者.cn或者.net结尾
function check_email(){
var email = $("email")[0].value;
var reg = /^\w+@\w+(\.)com|net|cn$/;
if (reg.test(email)) {
document.getElementById("e").innerHTML="√";
return true;
}else{
document.getElementById("e").innerHTML="邮箱必须包含@符号以.com或者.cn或者.net结尾";
return false;
}
}
//必须是11位数组成，为13,15,18开头
function check_phone(){
var phone = $("phone")[0].value;
var reg = /^1[3,5,8]\d{9}$/
if (reg.test(phone)) {
document.getElementById("ph").innerHTML="√";
return true;
}else{
document.getElementById("ph").innerHTML="必须是11位数组成，为13,15,18开头";
return false;
}
}
//座机号必须是010-68801717这种格式，前面是三位的区号，后面是8位的电话号
function check_number(){
var number = $("number")[0].value;
var reg = /^\d{3,}-\d{8}$/
if (reg.test(number)) {
document.getElementById("n").innerHTML="√";
return true;
}else{
document.getElementById("n").innerHTML="座机号必须是010-68801717这种格式，前面是三位的区号，后面是8位的电话号";
return false;
}
}
//必须是15位或者18位的数字组成，18位的最后一位可以是X
function check_shen(){
var sf = $("shenfen")[0].value;
var reg = /^\d{15}|\d{17}x|\d{18}$/
if (reg.test(sf)) {
document.getElementById("sf").innerHTML="√";
return true;
}else{
document.getElementById("sf").innerHTML="必须是15位或者18位的数字组成，18位的最后一位可以是X";
return false;
}
}
//必须是8到11位数字组成的
function check_qq(){
var qq = $("qq")[0].value;
var reg = /^\d{8,11}$/
if (reg.test(qq)) {
document.getElementById("q").innerHTML="√";
return true;
}else{
document.getElementById("q").innerHTML="QQ号必须是8到11位数字组成的"
return false;
}
}
//地区必须选一项
function check_city(){
var city = $("city")[0].value;
if (city == '') {
document.getElementById("c").innerHTML="必选一项";
return false;
}else{
document.getElementById("c").innerHTML="√";
return true;
}
}
//简介必须在20个中文以内
function check_intro(){
var intro = $("intro")[0].value;
var reg= /^[\u4e00-\u9fa5]{1,19}$/
if (reg.test(intro)) {
document.getElementById("i").innerHTML="√";
return true;
}else{
document.getElementById("i").innerHTML="简介必须在20个字以内（只限中文）";
return false;
}
if (intro.length>20) {
$("intro").value=intro.substr(0,20);
document.getElementById("i").innerHTML="已经超过限制数字";
return false;
};
}
//提交按钮接所有的验证
function sub(){
if (check_sex() & check_user() & check_pwd() & check_pwd1() & check_email() & check_phone() & check_number() & check_shen() & check_qq() & check_city() & check_intro()) {
return true;
}else{
return false;
}
}
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正则匹配1-11位电话号码 匹配运营商</title>
</head>
<body>
<form action="www.baidu.com" onsubmit="return sub()" method="post">
<table>
<tr>
<td>手机号</td>
<td><input type="text" name="phone" onblur="check_phone()"><span id="ph"></span></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="登录">
<input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
<script type='text/javascript'>
//接全局ID返回文件通过元素
function $(name){
return document.getElementsByName(name);
}
function check_phone(phone){
var phone = $("phone")[0].value;
var regex = /^(134|135|136|137|138|139|150|151|157|158|159)[0-9]{8}$/;
if(regex.test(phone)){
// alert("中国移动！");
document.getElementById("ph").innerHTML="中国移动！";
return true;
}
regex = /^(130|131|132|155|156)[0-9]{8}$/;
if(regex.test(phone)){
// alert("中国联通！");
document.getElementById("ph").innerHTML="中国联通！";
return true;
}
regex = /^(133|153|189)[0-9]{8}$/;
if(regex.test(phone)){
// alert("中国电信！");
document.getElementById("ph").innerHTML="中国电信！";
return true;
}
//验证非空！
if(phone==""){
alert("请输入号码啊您");
return false;
}
//验证输入规则
regex = /^1[3,5,8]\d{9}$/
if (!regex.test(phone)){
document.getElementById("ph").innerHTML="<font color='red'>必须是11位数组成，为13,15,18开头<font/>";
return false;
}
}
function sub(){
if (check_phone())
{
return true;
}else{
return false;
}
}
</script>
</html>第二个：全一点的表单验证
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1 style="color:orange;">欢迎注册学生信息</h1>
<form action="" onsubmit="return sub()">
<table border="5" color="orange">
<tr>
<td>姓名：</td>
<td><input type="text" name="username" onblur="check_user()"><span id="u"></span></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="text" name="pwd" onblur="check_pwd()"><span id="p"></span></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="text" name="pwd1" onblur="check_pwd1()"><span id="rp"></span></td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="sex" value="男" onblur="check_sex()">男
<input type="radio" name="sex" value="女" onblur="check_sex()">女
<span id="s"></span></td>
</tr>
<tr>
<td>邮箱：</td>
<td><input type="text" name="email" onblur="check_email()"><span id="e"></span></td>
</tr>
<tr>
<td>城市：</td>
<td><select name="city" onblur="check_city()">
<option value="">请选择</option>
<option value="北京">北京</option>
<option value="曼谷">曼谷</option>
<option value="东京">东京</option>
<option value="纽约">纽约</option>
<option value="莫斯科">莫斯科</option>
</select>
<span id="c"></span></td>
</tr>
<tr>
<td>手机号</td>
<td><input type="text" name="phone" onblur="check_phone()"><span id="ph"></span></td>
</tr>
<tr>
<td>座机号：</td>
<td><input type="text" name="number" onblur="check_number()"><span id="n"></span></td>
</tr>
<tr>
<td>身份证号：</td>
<td><input type="text" name="shenfen" onblur="check_shen()"><span id="sf"></span></td>
</tr>
<tr>
<td>QQ号</td>
<td><input type="text" name="qq" onblur="check_qq()"><span id="q"></span></td>
</tr>
<tr>
<td>自我介绍</td>
<td><textarea name="intro" cols="30" rows="10" onkeydown="check_intro()"></textarea><span id="i"></span></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="登录">
<input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
<script type="text/javascript">
//接全局ID返回文件通过元素
function $(name){
return document.getElementsByName(name);
}
//必须由5到10位数字或者字母组成，不允许数字开头
function check_user(){
var user = $("username")[0].value;
var reg = /^[a-z]\w{4,9}$/i;
if (reg.test(user)) {
document.getElementById("u").innerHTML="√";
return true;
}else{
document.getElementById("u").innerHTML="必须由5到10位数字或者字母组成，不允许数字开头";
return false;
}
}
//密码长度不能少于六位
function check_pwd(){
var pwd = $("pwd")[0].value;
var reg = /^\w{6,}$/
if (reg.test(pwd)) {
document.getElementById("p").innerHTML="√";
return true;
}else{
document.getElementById("p").innerHTML="密码长度不能少于六位";
return false;
}
}
//确认密码必须和密码一致
function check_pwd1(){
var pwd = $("pwd")[0].value;
var pwd1 = $("pwd1")[0].value;
var reg = /^\w{6,}$/
if (pwd != pwd1) {
document.getElementById("rp").innerHTML="两次密码不一致";
return false;
}else{
if(reg.test(pwd1)){
document.getElementById("rp").innerHTML="√";
return true;
}else{
document.getElementById("rp").innerHTML="确认密码长度不能少于六位";
return false;
}
}
}
ba6b
//验证性别必选一项
function check_sex(){
var sex = $("sex");
var num = 0 ;
for (var i = 0; i < sex.length; i++) {
if (sex[i].checked == true) {
num ++;
}
}
if (num<1) {
document.getElementById("s").innerHTML="性别必须选择一项";
return false;
}else{
document.getElementById("s").innerHTML="√";
return true;
}
}
//必须包含@符号以.com或者.cn或者.net结尾
function check_email(){
var email = $("email")[0].value;
var reg = /^\w+@\w+(\.)com|net|cn$/;
if (reg.test(email)) {
document.getElementById("e").innerHTML="√";
return true;
}else{
document.getElementById("e").innerHTML="邮箱必须包含@符号以.com或者.cn或者.net结尾";
return false;
}
}
//必须是11位数组成，为13,15,18开头
function check_phone(){
var phone = $("phone")[0].value;
var reg = /^1[3,5,8]\d{9}$/
if (reg.test(phone)) {
document.getElementById("ph").innerHTML="√";
return true;
}else{
document.getElementById("ph").innerHTML="必须是11位数组成，为13,15,18开头";
return false;
}
}
//座机号必须是010-68801717这种格式，前面是三位的区号，后面是8位的电话号
function check_number(){
var number = $("number")[0].value;
var reg = /^\d{3,}-\d{8}$/
if (reg.test(number)) {
document.getElementById("n").innerHTML="√";
return true;
}else{
document.getElementById("n").innerHTML="座机号必须是010-68801717这种格式，前面是三位的区号，后面是8位的电话号";
return false;
}
}
//必须是15位或者18位的数字组成，18位的最后一位可以是X
function check_shen(){
var sf = $("shenfen")[0].value;
var reg = /^\d{15}|\d{17}x|\d{18}$/
if (reg.test(sf)) {
document.getElementById("sf").innerHTML="√";
return true;
}else{
document.getElementById("sf").innerHTML="必须是15位或者18位的数字组成，18位的最后一位可以是X";
return false;
}
}
//必须是8到11位数字组成的
function check_qq(){
var qq = $("qq")[0].value;
var reg = /^\d{8,11}$/
if (reg.test(qq)) {
document.getElementById("q").innerHTML="√";
return true;
}else{
document.getElementById("q").innerHTML="QQ号必须是8到11位数字组成的"
return false;
}
}
//地区必须选一项
function check_city(){
var city = $("city")[0].value;
if (city == '') {
document.getElementById("c").innerHTML="必选一项";
return false;
}else{
document.getElementById("c").innerHTML="√";
return true;
}
}
//简介必须在20个中文以内
function check_intro(){
var intro = $("intro")[0].value;
var reg= /^[\u4e00-\u9fa5]{1,19}$/
if (reg.test(intro)) {
document.getElementById("i").innerHTML="√";
return true;
}else{
document.getElementById("i").innerHTML="简介必须在20个字以内（只限中文）";
return false;
}
if (intro.length>20) {
$("intro").value=intro.substr(0,20);
document.getElementById("i").innerHTML="已经超过限制数字";
return false;
};
}
//提交按钮接所有的验证
function sub(){
if (check_sex() & check_user() & check_pwd() & check_pwd1() & check_email() & check_phone() & check_number() & check_shen() & check_qq() & check_city() & check_intro()) {
return true;
}else{
return false;
}
}
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- python正则表达式练习篇2
- Java 正则表达式 练习
- 学习正则帮手笨狼正则练习器
- java正则表达式练习之分析lrc文件
- php curl 正则表达式 抓取微博用户信息练习
- Python练习5-正则表达式
- 简单正则表达式练习
- JavaScript正则匹配练习。。。
- js 正则练习之语法高亮
- java正则表达式练习
- 《Python核心编程》第15章 正则表达式 练习
- python 正则表达式的练习
- 12.27 -第三关练习题之正则练习
- java正则表达式练习-涉及分组group()
- 模拟登陆CSDN -- Python爬虫练习之正则表达式和cookie
- 10、正则表达式匹配练习
- 正则表达式练习: android 歌词解析lrc 转 txt 代码
- 黑马程序员_正则表达式(正则匹配,替换,切割,获取,正则练习)
- 正则表达式的威力4_小练习校验邮箱
- Excel VBA练习：字典类型与正则表达式的使用