Livevalidation 용 입력 필드 결합

Question

일부 입력 필드는 Livevalidation이 비어 있지 않은지 확인합니다. 이를 위해 다음 코드를 사용하고 있습니다 :

 <script type="text/javascript"> 
      var street = new LiveValidation('street'); 
      var streetnumber = new LiveValidation('streetnumber'); 
      street.add(Validate.Presence); 
      streetnumber.add(Validate.Presence); 
     </script> 

양쪽 입력 Filds 인라인입니다. 그러나 메시지는 항상 입력 필드 뒤에 직접 표시됩니다. 이제 첫 번째 입력 필드의 메시지는 두 번째 필드의 위치를 ​​변경합니다.

2 필드의 유효성 검사를 결합하는 가장 좋은 방법을 찾고 하나의 메시지 만 표시했습니다. 당신은 실제 결과를 볼 수 있습니다 여기

: http://jsfiddle.net/Vme7C/

Answer 1

http://jsfiddle.net/Vme7C/1/

var street = new LiveValidation('street',{ 
    onValid:showmessage(true),onInvalid:showmessage(false) 
}); 
var streetnumber = new LiveValidation('streetnumber',{ 
    onValid:showmessage(true),onInvalid:showmessage(false) 
}); 

var streetvalid=false,streetnumbervalid=false, 
    ls=document.getElementById('msgli'); 
function showmessage(val){ 
    return function(){ 
     if(this.element.id=="street") 
      streetvalid=val; 
     else 
      streetnumbervalid=val; 
     if(streetvalid && streetnumbervalid){ 
      ls.innerHTML="All fields are valid"; 
      return; 
     } 
     if(!streetvalid && !streetnumbervalid){ 
      ls.innerHTML="No field is valid"; 
      return; 
     } 
     ls.innerHTML=(!streetvalid?"Street":"Street number") 
      +" field is invalid"; 
     return; 
    } 
} 

street.add(Validate.Presence); 
streetnumber.add(Validate.Presence);