Javascript中常見的校驗如域名、手機、郵箱等等
更新時間:2014年01月02日 16:11:28 投稿:whsnow
Javascript中常見的校驗如:驗證一般域名校驗,手機校驗,郵箱校驗等等,下面是具體的實現(xiàn),感興趣的朋友可以參考下
復制代碼 代碼如下:
<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); //創(chuàng)建正則表達式對象
//var re=/^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$/;
if(!re.exec(netURL.value)){ //驗證輸入的字符串是否符合規(guī)則
alert("您輸入的網(wǎng)站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("規(guī)格錯誤,正確格式如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,}+@([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("規(guī)格錯誤,正確格式如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 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**");
}
}
//用戶名校驗,規(guī)則如下:
//匹配帳號是否合法(字母開頭,允許5-16字節(jié),允許字母數(shù)字下劃線
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位數(shù)字,字母或下劃線!");
}
}
//校驗整數(shù)
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");
}
}
//校驗小數(shù) 或者整數(shù)
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");
}
}
//驗證特殊字符^[^%$&@]{1,}$
function strRegExp(){
var str= document.getElementById("str").value;
var regStr="^[^%$&@]{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 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 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("電話號碼書寫錯誤,不符合電話號碼規(guī)格(如 0511-4405xxx 或 15236565xxx),請重新填寫");
}
}
</script>
相關文章
淺談JavaScript的Polymer框架中的behaviors對象
這篇文章主要介紹了淺談JavaScript的Polymer框架中的behaviors對象,Polymer是由Google開發(fā)的Web UI相關框架,需要的朋友可以參考下2015-07-07深入理解JavaScript系列(50):Function模式(下篇)
這篇文章主要介紹了深入理解JavaScript系列(50):Function模式(下篇),本篇我們介紹的一些模式稱為初始化模式和性能模式,主要是用在初始化以及提高性能方面,一些模式之前已經(jīng)提到過,這里只是做一下總結,需要的朋友可以參考下2015-03-03詳解JavaScript正則表達式中的global屬性的使用
這篇文章主要介紹了詳解JavaScript正則表達式中的global屬性的使用,是JS學習進階中的重要知識點,需要的朋友可以參考下2015-06-06