JavaScript【フォーム検証1】


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コード:



    



          :


         :