js 表單驗證方法(實用)
更新時間:2009年04月28日 19:10:27 作者:
每次都要用到表單驗證的時候,就在到處找東西,而網(wǎng)上的很多都不見的好用。自己終于累計了這些方法,在自己的程序中使用了的一些方法,肯定是好用的,主要使用了簡單的正則表達式進行判斷。如果有bug,歡迎提出來。
//下面驗證的是長度
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;
}
}
//下面驗證不含有非法的字符,中文,英文,數(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;
}
//下面驗證只可以輸入字母,數(shù)字,下劃線
function isEnglish(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達式限制的長度在6到20之間
//var patrn=/^(\w){6,20}$/;
var patrn =/^(\w)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗證只允許中文
function isChinese(textId,errMsg)
{
s = document.getElementById(textId).value;
var patrn =/[^\u4E00-\u9FA5]/g;
if (patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗證只允許數(shù)字
function isNumber(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達式限制的長度在6到20之間
//var patrn=/^(\d){6,20}$/;
var patrn =/^(\d)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
使用js的正則表達式用來控制不允許在文本框里面輸入非數(shù)字,也就是只允許輸入數(shù)字。調(diào)用方法 : onkeyup="onlyNum(this);"
function onlyNum(obj)
{
temp = obj.value;
//注意下面的正則表達式的寫法,沒有用引號括起來。。
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;
}
}
//下面驗證不含有非法的字符,中文,英文,數(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;
}
//下面驗證只可以輸入字母,數(shù)字,下劃線
function isEnglish(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達式限制的長度在6到20之間
//var patrn=/^(\w){6,20}$/;
var patrn =/^(\w)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗證只允許中文
function isChinese(textId,errMsg)
{
s = document.getElementById(textId).value;
var patrn =/[^\u4E00-\u9FA5]/g;
if (patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面驗證只允許數(shù)字
function isNumber(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正則表達式限制的長度在6到20之間
//var patrn=/^(\d){6,20}$/;
var patrn =/^(\d)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
使用js的正則表達式用來控制不允許在文本框里面輸入非數(shù)字,也就是只允許輸入數(shù)字。調(diào)用方法 : onkeyup="onlyNum(this);"
function onlyNum(obj)
{
temp = obj.value;
//注意下面的正則表達式的寫法,沒有用引號括起來。。
obj.value = temp.replace(/\D/g,'');
}
相關(guān)文章
在修改準(zhǔn)備發(fā)的批量美化select+可修改select時,在非IE下發(fā)現(xiàn)了幾個問題
在修改準(zhǔn)備發(fā)的批量美化select+可修改select時,在非IE下發(fā)現(xiàn)了幾個問題...2007-01-01Javascript操作select方法大全[新增、修改、刪除、選中、清空、判斷存在等]
Javascript 操作select控件大全(新增、修改、刪除、選中、清空、判斷存在等)2008-09-09js下在password表單內(nèi)顯示提示信息的解決辦法
js下在password表單內(nèi)顯示提示信息的解決辦法...2007-08-08select列表內(nèi)容交換的js實現(xiàn)代碼
js實現(xiàn)左右select列表內(nèi)容交換傳遞,原來就是先獲取當(dāng)期選中select的值,然后添加到對面的select中,然后刪除選中內(nèi)容。2009-12-12