js番茄的表單驗(yàn)證類_表單特效

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 20:39:33

js番茄的表單驗(yàn)證類_表單特效

js番茄的表單驗(yàn)證類_表單特效:相信大家看代碼后再添加一些針對(duì)其他格式的驗(yàn)證也不是太麻煩的事情對(duì)于各種提示效果需要修改 feedback 方法就可以實(shí)現(xiàn)，因?yàn)椴幌胱尨a變得太臃腫，所以有很多不常用的功能就沒(méi)有再添加了主要目的提供大家參考與分享，也希望能夠根據(jù)大家的意見(jiàn)使其變得更加

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀js番茄的表單驗(yàn)證類_表單特效:相信大家看代碼后再添加一些針對(duì)其他格式的驗(yàn)證也不是太麻煩的事情對(duì)于各種提示效果需要修改 feedback 方法就可以實(shí)現(xiàn)，因?yàn)椴幌胱尨a變得太臃腫，所以有很多不常用的功能就沒(méi)有再添加了主要目的提供大家參考與分享，也希望能夠根據(jù)大家的意見(jiàn)使其變得更加

相信大家看代碼后再添加一些針對(duì)其他格式的驗(yàn)證也不是太麻煩的事情
對(duì)于各種提示效果需要修改 feedback 方法就可以實(shí)現(xiàn)，因?yàn)椴幌胱尨a變得太臃腫，所以有很多不常用的功能就沒(méi)有再添加了
主要目的提供大家參考與分享，也希望能夠根據(jù)大家的意見(jiàn)使其變得更加完善

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>番茄的表單驗(yàn)證類_腳本之家</title> 
</pre>輸出信息 
 this.tip = new Object(); 
 this.tip.unknow = '未找到的驗(yàn)證類型，無(wú)法執(zhí)行驗(yàn)證。'; 
 this.tip.paramError = '參數(shù)設(shè)置錯(cuò)誤，無(wú)法執(zhí)行驗(yàn)證。'; 
 this.tip.required = '不允許為空。'; 
 this.tip.english = '僅允許英文字符及下劃線 (a-zA-Z0-9_)。'; 
 this.tip.chinese = '僅允許中文字符。'; 
 this.tip.number = '不是一個(gè)有效的數(shù)字。'; 
 this.tip.integer = '不是一個(gè)有效的整數(shù)。'; 
 this.tip.float = '不是一個(gè)有效的浮點(diǎn)數(shù)。'; 
 this.tip.date = '不是一個(gè)有效的日期格式。 (例如：2007-06-29)'; 
 this.tip.email = '不是一個(gè)有效的電子郵件格式。'; 
 this.tip.url = '不是一個(gè)有效的超鏈接格式。'; 
 this.tip.phone = '不是一個(gè)有效的電話號(hào)碼。'; 
 this.tip.mobile = '不是一個(gè)有效的手機(jī)號(hào)碼。'; 
 this.tip.ip = '不是一個(gè)有效的IP地址。'; 
 this.tip.zipcode = '不是一個(gè)有效的郵政編碼。'; 
 this.tip.qq = '不是一個(gè)有效的QQ號(hào)碼。'; 
 this.tip.msn = '不是一個(gè)有效的MSN帳戶。'; 
 this.tip.idcard = '不是一個(gè)有效的身份證號(hào)碼。'; 
 //獲取控件名稱 
 this.getControlName = function () 
 { 
 return this.element.getAttribute('controlName') == null 
 ? '指定控件的值' 
 : this.element.getAttribute('controlName'); 
 } 
 //設(shè)定焦點(diǎn) 
 this.setFocus = function (ele) { 
 try { 
 ele.focus(); 
 } catch (e){} 
 } 
 //設(shè)置邊框顏色 
 this.setBorderColor = function (ele) { 
 var borderColor = ele.currentStyle ? 
 ele.currentStyle.borderColor : 
 document.defaultView.getComputedStyle(ele, null)['borderColor']; 
 ele.style.borderColor = '#ff9900'; 
 ele.onkeyup = function () { 
 this.style.borderColor = borderColor; 
 } 
 } 
 //</script></pre>輸出錯(cuò)誤反饋信息 
 this.feedback = function (type) { 
 try { 
 var msg = eval('this.tip.' + type) == undefined ? 
 type : 
 this.getControlName() + eval('this.tip.' + type); 
 } catch (e) { 
 msg = type; 
 } 
 this.setBorderColor(this.element); 
 alert(msg); 
 this.setFocus(this.element); 
 }; 
 //執(zhí)行字符串驗(yàn)證 
 this.validate = function () { 
 var v = this.element.value; 
 //驗(yàn)證是否允許非空 
 var required = this.element.getAttribute('required'); 
 if (required != null && v.isEmpty()) { 
 this.feedback('required'); 
 return false; 
 } 
 //驗(yàn)證是否合法格式 
 var dataType = this.element.getAttribute('dataType'); 
 if (!v.isEmpty() && dataType != null && dataType.toLowerCase() != 'password') { 
 dataType = dataType.toLowerCase(); 
 try { 
 if (!(eval('this.reg.' + dataType)).test(v)) { 
 this.feedback(dataType); 
 return false; 
 } 
 } catch(e) { 
 this.feedback('unknow'); 
 return false; 
 } 
 } 
 //執(zhí)行數(shù)據(jù)驗(yàn)證 
 var confirm = this.element.getAttribute('confirm'); 
 if (confirm != null) { 
 try { 
 var data = eval('formObj.' + confirm + '.value'); 
 if (v != data) { 
 alert('兩次輸入的內(nèi)容不一致，請(qǐng)重新輸入。'); 
 this.setBorderColor(this.element); 
 this.setFocus(this.element); 
 return false; 
 } 
 } catch (e) { 
 this.feedback('paramError'); 
 return false; 
 } 
 } 
 //驗(yàn)證數(shù)字大小 
 var dataBetween = this.element.getAttribute('dataBetween'); 
 if (!v.isEmpty() && dataBetween != null) { 
 var min = dataBetween.getBetweenVal('min'); 
 var max = dataBetween.getBetweenVal('max'); 
 if (min == null || max == null) { 
 this.feedback('paramError'); 
 return false; 
 } 
 if (!v.isBetween(v.trim(), min, max)) { 
 this.feedback(this.getControlName() + '必須是介于 ' + min + '-' + max + ' 之間的數(shù)字。'); 
 return false; 
 } 
 } 
 //驗(yàn)證字符長(zhǎng)度 
 var dataLength = this.element.getAttribute('dataLength'); 
 if (!v.isEmpty() && dataLength != null) { 
 var min = dataLength.getBetweenVal('min'); 
 var max = dataLength.getBetweenVal('max'); 
 if (min == null || max == null) { 
 this.feedback('paramError'); 
 return false; 
 } 
 if (!v.isBetween(v.trim().length, min, max)) { 
 this.feedback(this.getControlName() + '必須是 ' + min + '-' + max + ' 個(gè)字符。'); 
 return false; 
 } 
 } 
 return true; 
 }; 
 //執(zhí)行初始化操作 
 this.init = function () { 
 for (var i=0; i<this.allTags.length; i++) { 
 if (this.allTags[i].tagName.toUpperCase() == 'INPUT' || 
 this.allTags[i].tagName.toUpperCase() == 'SELECT' || 
 this.allTags[i].tagName.toUpperCase() == 'TEXTAREA') 
 { 
 this.element = allTags[i]; 
 if (!this.validate()) 
 return false; 
 } 
 } 
 }; 
 return this.init(); 
} 
</ script> 
</head> 
<body> 
 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
1.".3"這樣也是算浮點(diǎn)數(shù)的
2.this.reg和this.tip可以用
this.reg = {englisth : /^[a-zA-Z0-9_\-]+$/, chinese : /^[\u0391-\uFFE5]+$/}
這種形式，省點(diǎn)代碼
3.日期只驗(yàn)證格式?jīng)]有驗(yàn)證合法性

btw:controlName的做法不錯(cuò)

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js番茄的表單驗(yàn)證類_表單特效

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：驗(yàn)證特效特殊效果

熱門焦點(diǎn)

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

js番茄的表單驗(yàn)證類_表單特效

js番茄的表單驗(yàn)證類_表單特效

js番茄的表單驗(yàn)證類_表單特效

最新推薦

猜你喜歡

熱門推薦