請參看:http://hw1287789687.iteye.com/blog/2124945

(1)判斷是否是數字

Java代碼??

/***?

*?whether?is?digit?

*/??

com.whuang.hsj.isInteger=function(int22){??

????if(!int22?||?int22==undefined){??

????????return?false;??

????}??

????if(?int22.match(/^[\d\\.]+$/i)){???

????return?true;??

??}else{??

????return?false;??

??}??

};??

?應用:

Js代碼??

var?qrcodeSizeObj=com.whuang.hsj.$$id('qrcodeSize');??

????var?qrcodeSizeint=qrcodeSizeObj.value;??

????if(!com.whuang.hsj.isHasValue(qrcodeSizeint)){??

????????qrcodeSizeObj.focus();??

????????alert('請輸入像素大小.');??

????????return?;??

????}??

????var?isDigit=com.whuang.hsj.isInteger(qrcodeSizeint);??

????if(!isDigit){??

????????alert('請輸入數字[100-1000]');??

????????return;??

????}??

?

(2)文本框只能輸入數字

Java代碼??

<input?type="text"?id="qrcodeSize"?οnkeyup="onlyNumberKeyUp(event)"?>像素??

?這樣,文本框就只能輸入數字了,如果輸入其他字符,比如字母,就會自動刪除.

onlyNumberKeyUp實現:

Js代碼??

/*?

?*?只能輸入數字?

?*??

?*/??

onlyNumberKeyUp=function(event){??

????var?obj=event.srcElement?event.srcElement:event.target;??

????var?pattern?=?/[^\d\.\/]/ig;??

????if(pattern.test(obj.value))?{??

????????var?i=getCursortPosition(event);??

????????obj.value=obj.value.replace(pattern,'');??

????????setCaretPosition(event,i);??

????}??

};??

?

(3)判斷輸入框是否為空

Js代碼??

/**?

?*?whether?has?value?

?*??

?*?@param?{Object}?

?*????????????input?

?*/??

com.whuang.hsj.isHasValue?=?function(input)?{??

????if?(typeof?input?==?"number"?&&?input?==?"0")?{??

????????return?true;??

????}??

????if(!input)??

????{??

????????return?false;??

????}??

????if(input==""||input==undefined||com.whuang.hsj.isWholeWhitespace(input)){??

????????return?false;??

????}??

????return?true;??

};??

/**?

?*?is?whitespace?entirely?

?*??

?*?@param?{Object}?

?*????????????inputString?

?*/??

com.whuang.hsj.isWholeWhitespace?=?function(inputString)?{??

????if?(typeof?inputString?==?"object")?{??

????????return?inputString;??

????}??

????var?bootInit?=?true;??

????if?(inputString?==?""?||?inputString?==?undefined)?{??

????????return?false;??

????}??

????for?(?var?i?=?0;?i?<?inputString.length;?i++)?{??

????????var?c?=?inputString.charAt(i);??

????????if?(!com.whuang.hsj.isWhitespace(c))?{??

????????????bootInit?=?false;??

????????????break;??

????????}??

????}??

????return?bootInit;??

};??

com.whuang.hsj.isWhitespace?=?function(input)?{//?whether?has?whitespace??

????var?whitespace?=?"?\t\n\r";??

????for?(?var?i?=?0;?i?<?input.length;?i++)?{??

????????var?c?=?input.charAt(i);??

????????if?(whitespace.indexOf(c)?>=?0)?{??

????????????return?true;??

????????}??

????}??

????return?false;??

};??

?應用:

Js代碼??

var?qrcodeSizeObj=com.whuang.hsj.$$id('qrcodeSize');??

????var?qrcodeSizeint=qrcodeSizeObj.value;??

????if(!com.whuang.hsj.isHasValue(qrcodeSizeint)){??

????????qrcodeSizeObj.focus();??

????????alert('請輸入像素大小.');??

????????return?;??

????}??

?

?

(4)js動態添加組件(控件)

Js代碼??

var?buttonTd=com.whuang.hsj.$$id("buttonTd");//td?tag??

????????var?newInput?=document.createElement("input");??

????????newInput.type="button";???

????????newInput.name="input1";??

????????newInput.value="修改密碼";??

newInput.className='class2';??

????????buttonTd.appendChild(newInput);??

?說明:newInput.className?是用于指定樣式

請參考:http://hw1287789687.iteye.com/blog/2124945

總結

以上是生活随笔為你收集整理的javascript 常用校验代码 2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。