发布于 2016-10-18 15:23:31 | 69 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


Javascript中常见的校验如:验证一般域名校验,手机校验,邮箱校验,身份证校验等等,下面是具体的实现,感兴趣的朋友可以参考下
 
<script type="text/javascript"> 
//验证一般域名校验 
function checkNetURL(){ 
var netURL = document.getElementById("netURL"); 
//验证一般的域名 比如说 www.baidu.com 
var regStr="^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$"; 
var re=new RegExp(regStr); //创建正则表达式对象 
//var re=/^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$/; 
if(!re.exec(netURL.value)){ //验证输入的字符串是否符合规则 
alert("您输入的胜博发888手机平台URL地址有误!正确格式如 mail.brookes.com"); 
netURL.focus(); 
return; 
} 
} 
//手机校验 
function iphoneRegExp(){ 
var iphone= document.getElementById("iphone").value; 
var regStr="^((13[0-9])|(14[0-9])|(15[^4,\\D])|(18[0-9]))\\d{8}$"; 
var re=new RegExp(regStr); 
if(!re.test(iphone)){ 
alert("规格错误,正确格式如152636363**(或以13,14,18开头的手机号码)"); 
} 
} 
//邮箱校验 (还有点bug) 
/*function emailRegExp(){ 
var email= document.getElementById("email").value; 
var regStr="^([a-zA-Z0-9\u4E00-\u9FA5]*[-_]?[a-zA-Z0-9]){1,}[email protected]([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)+[\\.][A-Za-z]{2,3}([\\.][A-Za-z]{2})?$"; 
var re=new RegExp(regStr); 
if(!re.test(email)){ 
alert("规格错误,正确格式如152636363**(或以13,14,18开头的手机号码)"); 
//iphone.focus(); 
} 
}*/ 
//身份证校验 
function cardRegExp(){ 
var card= document.getElementById("card").value; 
var regStr="(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)"; 
var re=new RegExp(regStr); 
if(!re.test(card)){ 
alert("输入不合法,正确格式为:4101821897020356**"); 
} 
} 
//港澳省份证 
function gangAocardRegExp(){ 
var card= document.getElementById("card").value; 
var regStr="[A-Z]{1,2}[0-9]{6}[(]{1}[A-Z0-9]{1}[)]{1}"; 
var re=new RegExp(regStr); 
if(!re.test(card)){ 
alert("港澳居民身份证输入不合法!正确格式如:A15263*(E)"); 
} 
} 
//残疾证 
function canJicardRegExp(){ 
var card= document.getElementById("card").value; 
var regStr="(^\\d{22}$)|(^\\d{20}$)"; 
var re=new RegExp(regStr); 
if(!re.test(card)){ 
alert("残疾证输入不合法!"); 
} 
} 
//邮政编码 
function postCardRegExp(){ 
var postCard= document.getElementById("postCard").value; 
var regStr="^[0-9]{6}$"; 
var re=new RegExp(regStr); 
if(!re.test(postCard)){ 
alert("输入不合法!正确格式如4500!"); 
} 
} 
//传真与固定电话校验 
function telRegExp(){ 
var tel= document.getElementById("tel").value; 
var regStr="((^\\d{11}$)|(^\\d{12}$))|(^\\d{3}-\\d{8}$)|(^\\d{4}-\\d{7}$)|(^\\d{4}-\\d{8}$)"; 
var re=new RegExp(regStr); 
if(!re.test(tel)){ 
alert("书写格式错误!正确格式如 0511-44052** 或 021-878888**"); 
} 
} 
//用户名校验,规则如下: 
//匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线 
function userNameRegExp(){ 
var userName= document.getElementById("userName").value; 
var regStr="^[a-zA-Z][a-zA-Z0-9_]{3,15}$"; 
var re=new RegExp(regStr); 
if(!re.test(userName)){ 
alert("必须以字母开头,后面跟4-15位数字,字母或下划线!"); 
} 
} 
//校验整数 
function numRegExp(){ 
var num= document.getElementById("num").value; 
var regStr="^[0-9]*[1-9][0-9]*$"; 
var re=new RegExp(regStr); 
if(!re.test(num)){ 
alert("填写格式错误,正确格式如:8080"); 
} 
} 
//校验小数 或者整数 
function numFontRegExp(){ 
var num= document.getElementById("num").value; 
var regStr="^(([0]{1,})|([0-9]{1,})[.]{1}[0-9]{1,})|[0-9]{1,}$"; 
var re=new RegExp(regStr); 
if(!re.test(num)){ 
alert("填写格式错误,正确格式为12.3"); 
} 
} 
//验证特殊字符^[^%[email protected]]{1,}$ 
function strRegExp(){ 
var str= document.getElementById("str").value; 
var regStr="^[^%[email protected]]{1,}$"; 
var re=new RegExp(regStr); 
if(!re.test(str)){ 
alert("不能包含特殊字符"); 
} 
} 
//验证真实姓名 
function nameRegExp(){ 
var name= document.getElementById("name").value; 
var regStr="((^[a-zA-Z]{1}([a-zA-Z_]){2,20})|(^[\u4E00-\u9FA5]{1}+[a-zA-Z0-9\u4E00-\u9FA5]{1,14}))$"; 
var re=new RegExp(regStr); 
if(!re.test(name)){ 
alert("应为2-15个汉字或3-21个英文字母"); 
} 
} 
////验证护照 
function huzhoaRegExp(){ 
var huzhao= document.getElementById("huzhao").value; 
var regStr="^((14)|(15)[0-9]{7})|(G|S|D[0-9]{8})|((P.)|(S.)[0-9]{7})$"; 
var re=new RegExp(regStr); 
if(!re.test(huzhao)){ 
alert("护照输入不合法,正确格式如:G00106556"); 
} 
} 
//军官证 
function junGuanRegExp(){ 
var junguan= document.getElementById("junguan").value; 
var regStr="^[\u4E00-\u9FA5]{1}\\d{7}$"; 
var re=new RegExp(regStr); 
if(!re.test(junguan)){ 
alert("输入不合法!正确格式如:海6042**"); 
} 
} 
//文职干部校验 
function junGuanRegExp(){ 
var wenzhi= document.getElementById("wenzhi").value; 
var regStr="^[\u4E00-\u9FA5]{1}文\\d{4,12}$"; 
var re=new RegExp(regStr); 
if(!re.test(wenzhi)){ 
alert("文职干部证输入不合法!正确格式如:广文0816**"); 
} 
} 
//士兵证 
function shiBingRegExp(){ 
var shibing= document.getElementById("shibing").value; 
var regStr="^[\u4E00-\u9FA5]{1,3}\\d{4,12}$"; 
var re=new RegExp(regStr); 
if(!re.test(shibing)){ 
alert("士兵证输入不合法!正确格式如:鄂176340**"); 
} 
} 
//手机和固定电话校验 
function iphoneTelRegExp(){ 
var iphoneTel= document.getElementById("iphoneTel").value; 
var regStr="(((^\\d{11}$)|(^\\d{12}$))|(^\\d{3}-\\d{8}$)|(^\\d{4}-\\d{7}$)|(^\\d{4}-\\d{8}$))|(^((13[0-9])|(14[0-9])|(15[^4,\\D])|(18[0-9]))\\d{8}$)$"; 
var re=new RegExp(regStr); 
if(!re.test(iphoneTel)){ 
alert("电话号码书写错误,不符合电话号码规格(如 0511-4405xxx 或 15236565xxx),请重新填写"); 
} 
} 
</script> 


相关阅读 :
Javascript中常见的校验如域名、手机、邮箱等等
javascript中常见的3种信息提示框(alert,prompt,confirm)
Javascript中常见的逻辑题和解决方法
JavaScript中常见获取元素的方法汇总
Javascript 正则表达式校验数字的简单实例
Javascript中“==”与“===”的区别
JavaScript 中 console 的用法
JavaScript中apply的用法
JavaScript中对象的不同创建方法
举例讲解如何判断JavaScript中对象的类型
浅析JavaScript中浏览器的兼容问题
深入解析JavaScript中函数的Currying柯里化
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  服务