js 表單驗(yàn)證方法(實(shí)用)
更新時間:2009年04月28日 19:10:27 作者:
每次都要用到表單驗(yàn)證的時候,就在到處找東西,而網(wǎng)上的很多都不見的好用。自己終于累計了這些方法,在自己的程序中使用了的一些方法,肯定是好用的,主要使用了簡單的正則表達(dá)式進(jìn)行判斷。如果有bug,歡迎提出來。
//下面驗(yàn)證的是長度
function checkTextLen(textId){
var len = 0;
var checkField=document.getElementById(textId);
var inputstring = checkField.value;
var string_length = inputstring.length;
if (string_length == 0)
{
return 0;
}
for (var i=0;i<string_length;i++)
{
if (inputstring.charAt(i).charCodeAt()>255) len+=2;
else len+=1;
}
return len;
}
function checkTextLength(textId,length,msg){
var textObj =document.getElementById(textId);
if(checkTextLen(textId)>length/1){
alert("["+msg+"]"+"長度最大為"+length+"位,"+"請重新輸入!注意:一個漢字占2位");
textObj.focus();
return false;
}else {
return true;
}
}
//下面驗(yàn)證不含有非法的字符,中文,英文,數(shù)字都是合法的。
function isValidString(textId,errMsg){
szStr = document.getElementById(textId).value;
voidChar = "'\"><`~!@#$%^&\(\)()?。ぁ?“”‘'*";
for(i = 0 ; i < voidChar.length; i ++){
aChar = voidChar.substring(i, i + 1);
if(szStr.indexOf(aChar) > -1){
alert(errMsg);
return false;
}
}
return true;
}
//下面驗(yàn)證只可以輸入字母,數(shù)字,下劃線
function isEnglish(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達(dá)式限制的長度在6到20之間
//var patrn=/^(\w){6,20}$/;
var patrn =/^(\w)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗(yàn)證只允許中文
function isChinese(textId,errMsg)
{
s = document.getElementById(textId).value;
var patrn =/[^\u4E00-\u9FA5]/g;
if (patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗(yàn)證只允許數(shù)字
function isNumber(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達(dá)式限制的長度在6到20之間
//var patrn=/^(\d){6,20}$/;
var patrn =/^(\d)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
使用js的正則表達(dá)式用來控制不允許在文本框里面輸入非數(shù)字,也就是只允許輸入數(shù)字。調(diào)用方法 : onkeyup="onlyNum(this);"
function onlyNum(obj)
{
temp = obj.value;
//注意下面的正則表達(dá)式的寫法,沒有用引號括起來。。
obj.value = temp.replace(/\D/g,'');
}
function checkTextLen(textId){
var len = 0;
var checkField=document.getElementById(textId);
var inputstring = checkField.value;
var string_length = inputstring.length;
if (string_length == 0)
{
return 0;
}
for (var i=0;i<string_length;i++)
{
if (inputstring.charAt(i).charCodeAt()>255) len+=2;
else len+=1;
}
return len;
}
function checkTextLength(textId,length,msg){
var textObj =document.getElementById(textId);
if(checkTextLen(textId)>length/1){
alert("["+msg+"]"+"長度最大為"+length+"位,"+"請重新輸入!注意:一個漢字占2位");
textObj.focus();
return false;
}else {
return true;
}
}
//下面驗(yàn)證不含有非法的字符,中文,英文,數(shù)字都是合法的。
function isValidString(textId,errMsg){
szStr = document.getElementById(textId).value;
voidChar = "'\"><`~!@#$%^&\(\)()?。ぁ?“”‘'*";
for(i = 0 ; i < voidChar.length; i ++){
aChar = voidChar.substring(i, i + 1);
if(szStr.indexOf(aChar) > -1){
alert(errMsg);
return false;
}
}
return true;
}
//下面驗(yàn)證只可以輸入字母,數(shù)字,下劃線
function isEnglish(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達(dá)式限制的長度在6到20之間
//var patrn=/^(\w){6,20}$/;
var patrn =/^(\w)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗(yàn)證只允許中文
function isChinese(textId,errMsg)
{
s = document.getElementById(textId).value;
var patrn =/[^\u4E00-\u9FA5]/g;
if (patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗(yàn)證只允許數(shù)字
function isNumber(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達(dá)式限制的長度在6到20之間
//var patrn=/^(\d){6,20}$/;
var patrn =/^(\d)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
使用js的正則表達(dá)式用來控制不允許在文本框里面輸入非數(shù)字,也就是只允許輸入數(shù)字。調(diào)用方法 : onkeyup="onlyNum(this);"
function onlyNum(obj)
{
temp = obj.value;
//注意下面的正則表達(dá)式的寫法,沒有用引號括起來。。
obj.value = temp.replace(/\D/g,'');
}
相關(guān)文章
兼容Firefox和IE的onpropertychange事件oninput
onpropertychange能夠捕獲每次輸入值的變化。例如:對象的value值被改變時,onpropertychange能夠捕獲每次改變,而onchange需要執(zhí)行某個事件才可以捕獲。2008-06-06
簽名框(Textarea)限制文字?jǐn)?shù)量并適時提示
僅用了一行代碼就實(shí)現(xiàn)了文本框的文字輸入數(shù)量限制,并適時給出提示,一般常見于發(fā)表評論、留言或簽名框等.2009-10-10
利用JavaScript更改input中radio和checkbox樣式
利用JavaScript更改input中radio和checkbox樣式的實(shí)現(xiàn)代碼。2009-11-11
FormValid0.5版本發(fā)布,帶ajax自定義驗(yàn)證例子
FormValid0.5版本發(fā)布,帶ajax自定義驗(yàn)證例子...2007-08-08
JavaScript實(shí)現(xiàn)動態(tài)增加文件域表單
對于上傳多個文件,可以通過js來動態(tài)生成文件域,下面是源代碼,收藏在這里,供以后直接使用,hoho!2009-02-02

