JavaScript【フォーム検証1】
3484 ワード
JavaScriptコード:
//
function textIsNull(obj) {
if (obj.value.length > 0)
return true;
else
return false;
}
//
function textName(obj){
var tiaojian =/^[a-z0-9]+$/;
if(tiaojian.test(obj.value))
return true;
else
return false;
}
//
function textLength(obj,min,max){
if(isNaN(min)){
min=0;
}
if(isNaN(max)){
max=obj.value.length;
}
if(obj.value.length >= min && obj.value.length <= max)
return true;
else
return false;
}
//
function pwdIsSame(obj1,obj2){
if(obj1.value == obj2.value)
return true;
else
return false;
}
function panduan1(){
if(textIsNull(document.getElementById("name")) == false){
document.getElementById("show1").style.display="block";
document.getElementById("show1").style.display="inline";
}else if(textIsNull(document.getElementById("name")) == true)
{
document.getElementById("show1").style.display="none";
}
if(textName(document.getElementById("name")) == false){
document.getElementById("show2").style.display="block";
document.getElementById("show2").style.display="inline";
}else if(textName(document.getElementById("name")) == true){
document.getElementById("show2").style.display="none";
}
}
function panduan2(){
if(textIsNull(document.getElementById("pwd")) == false){
document.getElementById("show3").style.display="block";
document.getElementById("show3").style.display="inline";
}else if(textIsNull(document.getElementById("pwd")) == true){
document.getElementById("show3").style.display="none";
}
if(textLength(document.getElementById("pwd"),6,24) == false){
document.getElementById("show4").style.display="block";
document.getElementById("show4").style.display="inline";
}else if(textLength(document.getElementById("pwd"),6,24) == true){
document.getElementById("show4").style.display="none";
}
}
function panduan3(){
if(pwdIsSame(document.getElementById("pwd"),document.getElementById("pwd2")) == false){
document.getElementById("show5").style.display="block";
document.getElementById("show5").style.display="inline";
}else if(pwdIsSame(document.getElementById("pwd"),document.getElementById("pwd2")) == true){
document.getElementById("show5").style.display="none";
}
}
function init(){
document.getElementById("name").οnblur=panduan1;
document.getElementById("pwd").οnblur=panduan2;
document.getElementById("pwd2").οnblur=panduan3;
}
HTMLコード:
:
:
: