前段時(shí)間寫了一個(gè) js數(shù)據(jù)驗(yàn)證、js email驗(yàn)證、js url驗(yàn)證、js長度驗(yàn)證、js數(shù)字驗(yàn)證等 彈出對話框形式的但是,現(xiàn)在不太流行那種很不友好的方式,于是重寫了一個(gè),封裝得更加好的,更友好的層形式共享給大家,如果大家使用有bug,請大家給我留言完善,謝謝了.
js代碼
代碼如下:
/**
* 數(shù)據(jù)驗(yàn)證框架.增加了對id字段檢查出錯(cuò)時(shí),直接在對應(yīng)后面添加一< span>元素來顯示錯(cuò)誤信息.
*
* @author wangzi6hao
* @version 2.1
* @description 2009-05-16
*/
var checkData = new function() {
var idExt="_wangzi6hao_Span";//生成span層的id后綴
/**
* 得到中英文字符長(中文為2個(gè)字符)
*
* @param {}
* str
* @return 字符長
*/
this.length = function(str) {
var p1 = new RegExp('%u..', 'g')
var p2 = new RegExp('%.', 'g')
return escape(str).replace(p1, '').replace(p2, '').length
}
/**
* 刪除對應(yīng)id元素
*/
this.remove = function(id) {
var idObject = document.getElementById(id);
if (idObject != null)
idObject.parentNode.removeChild(idObject);
}
/**
* 在對應(yīng)id后面錯(cuò)誤信息
*
* @param id:需要顯示錯(cuò)誤信息的id元素
* str:顯示錯(cuò)誤信息
*/
this.appendError = function(id, str) {
this.remove(id + idExt);// 如果span元素存在，則先刪除此元素
var spanNew = document.createElement("span");// 創(chuàng)建span
spanNew.id = id + idExt;// 生成spanid
spanNew.style.color = "red";
spanNew.appendChild(document.createTextNode(str));// 給span添加內(nèi)容
var inputId = document.getElementById(id);
inputId.parentNode.insertBefore(spanNew, inputId.nextSibling);// 給需要添加元素后面添加span
}
/**
* @description 過濾所有空格字符。
* @param str:需要去掉空間的原始字符串
* @return 返回已經(jīng)去掉空格的字符串
*/
this.trimSpace = function(str) {
str += "";
while ((str.charAt(0) == ' ') || (str.charAt(0) == '???')
|| (escape(str.charAt(0)) == '%u3000'))
str = str.substring(1, str.length);
while ((str.charAt(str.length - 1) == ' ')
|| (str.charAt(str.length - 1) == '???')
|| (escape(str.charAt(str.length - 1)) == '%u3000'))
str = str.substring(0, str.length - 1);
return str;
}
/**
* 過濾字符串開始部分的空格/字符串結(jié)束部分的空格/將文字中間多個(gè)相連的空格變?yōu)橐粋€(gè)空格
*
* @param {Object}
* inputString
*/
this.trim = function(inputString) {
if (typeof inputString != "string") {
return inputString;
}
var retValue = inputString;
var ch = retValue.substring(0, 1);
while (ch == " ") {
// 檢查字符串開始部分的空格
retValue = retValue.substring(1, retValue.length);
ch = retValue.substring(0, 1);
}
ch = retValue.substring(retValue.length - 1, retValue.length);
while (ch == " ") {
// 檢查字符串結(jié)束部分的空格
