자바 스크립트 else if 문 오류

Question

이름 텍스트 필드가 비어 있는지 확인하려고합니다. 그렇다면 "나는 당신의 이름을 입력하십시오."라고 말한 div를 보여주고 싶습니다. 나는 시험을하고, 이름 = '이름'. 하지만 그 이후에는 아무 것도 나타나지 않습니다.

function validate(input, name) { 
if(name=='name') { 
     if(input==null || input=="") { 
      name.style.visibility='visible'; 
      alert("please enter a value"); 
     } else { 
      alert("valid entry."); 
     } 
    } 
} 

경고 상자와 함께 입력 내용을 인쇄 할 때 아무 것도 표시되지 않습니다. 그래서 그것은 그것이 null이거나 ""다는 것을 알고 있습니다. 어떻게하면이 문제를 해결할 수 있습니까?

<input type="text" name="name" id="name" onblur="javascript: validate(this.value, this.id);" required /> 
    <div id="name" style="visibility:hidden; float:right;">Please fill in a name!</div> 

Answer 1

javascript: 프로토콜 만이 URL에 자바 스크립트가있을 때 사용되는이 이벤트 핸들러에서 사용하지 마십시오 :

여기 내 텍스트 필드입니다.

동일한 ID를 가진 두 개의 요소를 가질 수 없습니다. ID는 고유해야합니다.

XHTML에는 값이없는 속성이 없습니다. 단지 required이 아닌 required="required"을 사용해야합니다.

null 값을 확인할 필요가 없습니다. 텍스트 필드의 값은 결코 null이 아닙니다.

getElementById 메서드를 사용하여 ID에서 요소를 찾습니다.

function validate(input, name) { 
    if (name == 'name') { 
    if (input == '') { 
     document.getElementById('nameInfo').style.visibility = 'visible'; 
     alert("please enter a value"); 
    } else { 
     alert("valid entry."); 
    } 
    } 
} 

<input type="text" name="name" id="name" onblur="validate(this.value, this.id);" required="required" /> 
<div id="nameInfo" style="visibility:hidden; float:right;">Please fill in a name!</div>