내 HTML 페이지의 패널에 오류 메시지가 출력됩니다.

Question

정보가 실패한 암호, 사용자 이름, 주소 등 사용자 입력 내용을 기반으로 HTML 페이지에 일련의 오류 메시지를 인쇄하고 싶습니다. 유효성 검사.

내 코드는 다음과 같습니다

function validate(){ 
     var x,y,z; 
     x = document.getElementById("name").value; 
     if (x.length<6){ 
       text="user name too short"; 
     } else { 
      text="validated"; 
     }  
     document.getElementById("aka").innerHTML = text; 
    } 

지금은 하나의 입력의 유효성을 검사 할 수 있습니다. 이 경우 id가 "name"인 입력.
이 기능에서도 암호 같은 모든 입력을 유효화하려고합니다.

어떻게 구현할 수 있습니까?

나는 문 뒤에 다른 document.getElementById("aka").innerHTML = text 문구를 추가하려고했지만 처음에는 인쇄가되지 않았다.

Answer 1

변수를 만들고 거기에 모든 오류 메시지를 넣으십시오. 끝나면 해당 요소의 값을 원하는 요소의 innerHTML에 넣습니다.

function validate(){ 
    var x, errors = ""; 

    x = document.getElementById("name").value; 
    if (x.length<6){ 
      errors += "user name too short<br />"; 
    } 

    x = document.getElementById("password").value; 
    if (x.length<6){ 
      errors += "password too short<br />"; 
    } 

    document.getElementById("aka").innerHTML = errors; 
} 

Answer 2

당신은 텍스트 변수 내부의 모든 메시지를 저장할 수 있습니다 다음과 같이

다른 옵션은 DOM functions을 사용하는 것입니다

var text = ""; 
if (x.length<6){ 
    text+="user name too short"; 
} 

if(y.lenght<6) { 
    text+= 'pwd too short'; 
}  
document.getElementById("aka").innerHTML = text; 

:

document.appendChild(document.createTextNode(text)); 

var text =""; 
 
text += "user name too short"; 
 
text += "<br/>pwd too short"; 
 

 
document.getElementById('out1').innerHTML=text; 
 

 

 
document.getElementById('out2').appendChild(document.createTextNode('user name too short')); 
 
document.getElementById('out2').appendChild(document.createTextNode('pwd too short'));

<div id="out1"></div> 
 
<div id="out2"></div>