程式師世界 >> 編程語言 >> JAVA編程 >> J2EE >> javascript驗證

javascript驗證

編輯：J2EE

復制

打印

//全部功能函數，把他們存儲成一個JS的文件
function CheckForm(oForm)
{
var els = oForm.elements;
//遍歷所有表元素
for(var i=0;i<ELS.LENGTH;I++) 是否需要驗證 if(els[i].check) { 取得驗證的正則字符串 sReg="els[i].check;" 取得表單的值,用通用取值函數 var sVal="GetValue(els[i]);" 字符串->正則表達式,不區分大小寫
var reg = new RegExp(sReg,"i");
if(!reg.test(sVal))
{
//驗證不通過,彈出提示warning
alert(els[i].warning);
//該表單元素取得焦點,用通用返回函數
GoBack(els[i])
return false;
}
}
}
}
function GetValue(el)
{
//取得表單元素的類型
var sType = el.type;
switch(sType)
{
case "text":
case "hidden":
case "passWord":
case "file":
case "textarea": return el.value;
case "checkbox":
case "radio": return GetValueChoose(el);
case "select-one":
case "select-multiple": return GetValueSel(el);
}
//取得radio,checkbox的選中數,用"0"來表示選中的個數,我們寫正則的時候就可以通過0{1,}來表示選中個數
function GetValueChoose(el)
{
var sValue = "";
//取得第一個元素的name,搜索這個元素組
var tmpels = document.getElementsByName(el.name);
for(var i=0;i<TMPELS name="form1" { var .length;i++) if(tmpels[i].checked) 取得select的選中數,用?0?來表示選中的個數,我們寫正則的時候就可以通過0{1,}來表示選中個數 GetValueSel(el) for(var i="0;i<el.options.length;i++)" 單選下拉框提示選項設置為value="" if(el.options[i].selected && el.options[i].value!="" ) sValue +="0" ; return sValue; function GoBack(el) 取得表單元素的類型 sType="el.type;" switch(sType) ?text?: ?hidden?: ?passWord?: ?file?: ?textarea?: el.focus();var rng="el.createTextRange();" rng.collapse(false); rng.select(); ?checkbox?: ?radio?: els="document.getElementsByName(el.name);els[0].focus();" ?select-one?: case ?select-multiple?:el.focus(); } 測試的Html代碼 <form onsubmit="return CheckForm(this)">
test:<INPUT name=test>不驗證<BR>
賬號:<INPUT name=id check="^\S{1,}$" warning="賬號不能為空,且不能含有空格">不能為空<BR>
</FROM>
//正則含義解釋
check="^\s+$" 從開頭到結束，匹配任意空字符，或tab或換行
check="^\S\w{6,}$"比配六位以上，任何字符和數字都可
check="^\d+$"比配數字用的。只能是數字
check="(.*)(\.jpeg|\.bmp)$"
check="^\d{4}\-\d{2,2}\-\d{2,2}$"
check="^[\s|\S]{20,}$"
//非空驗證
function requiredFIEld(myId,errorMessage)
{
if(document.getElementById(myId).value == "")
{
window.alert(errorMessage);
document.getElementById(myId).focus();
return false;
}
return true;
}
//dropDownList myName值不能為myValue
function dropCant(myId,myValue,errorMessage)
{
if(document.getElementById(myId).value == myValue)
{
window.alert(errorMessage);
document.getElementById(myId).focus();
return false;
}
return true;
}
//Email格式驗證
function validEmail(myId,errorMessage)
{
var email = /^[_a-zA-Z0-9+.]+@([_a-zA-Z0-9]+.)+[a-zA-Z0-9]{2,3}$/;
if(email.test(document.getElementById(myId).value))
{
return true;
}
else
{
window.alert(errorMessage);
document.getElementById(myId).focus();
return false;
}
}
//兩值是否相同(常用於密碼比較)
function compareValid(myId1,myId2,errorMessage)
{
if(document.getElementById(myId1).value == document.getElementById(myId2).value)
{
return true;
}
else
{
window.alert(errorMessage);
document.getElementById(myId1).focus();
return false;
}
}
//字段長度驗證(x位至y位)
function validLength(myId,x,y,errorMessage)
{
if(document.getElementById(myId).value.length < x || document.getElementById(myId).value.length > y)
{
window.alert(errorMessage);
document.getElementById(myId).focus();
return false;
}
return true;
}