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

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

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

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

推薦度：

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

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

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

<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)證類型，無法執(zhí)行驗(yàn)證。'; 
 this.tip.paramError = '參數(shù)設(shè)置錯(cuò)誤，無法執(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è)有效的電話號碼。'; 
 this.tip.mobile = '不是一個(gè)有效的手機(jī)號碼。'; 
 this.tip.ip = '不是一個(gè)有效的IP地址。'; 
 this.tip.zipcode = '不是一個(gè)有效的郵政編碼。'; 
 this.tip.qq = '不是一個(gè)有效的QQ號碼。'; 
 this.tip.msn = '不是一個(gè)有效的MSN帳戶。'; 
 this.tip.idcard = '不是一個(gè)有效的身份證號碼。'; 
 //獲取控件名稱 
 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)容不一致，請重新輸入。'); 
 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)證字符長度 
 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)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(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)

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

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

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

最新推薦

猜你喜歡

熱門推薦