사용자가 입력 한 내용은 onblur 함수로 얻지 못했습니다.

Question

javascript 및 html로 양식 유효성 검사를 시도했습니다. 나는 onblur()를 사용하고 있습니다. 아이디어는 사용자가 자신의 이름을 입력한다는 것입니다. 아무 것도 입력하지 않고 입력 영역 (텍스트 상자) 밖으로 나가면 오류 메시지가 표시됩니다. 하지만 아래 코드에 따르면 아무거나 입력해도 경보가 표시되지 않습니다.

<form> 
      <input type="text" id="fn" value="First Name" onfocus="fnm()"  onblur="chfnm()"/> 
    </form> 

    function fnm() 
    { 
      document.getElementById("fn").value=""; //clears default value of textbox 
    } 

function chfnm() 
    { 
      var f=document.getElementById("fn");  
     for(var i=0;i<f.length;i++) 
      { 
        if(i!=(f.length-1)) 
          fname= fname +f.elements[i].value +"<br>"; 
        else 
         fname= fname+ f.elements[i].value; 
      } 

      if(fname=="") //error is fname is always an empty string 
      { 
        alert("Please fill your first name"); 
        document.getElementById("fn").focus(); 
      } 


    } 

저는 새로운 자바 스크립트이므로 새로운 아이디어에 감사 드리며 환영합니다. 당신의 이름 또는하지를 입력하는 사용자를 확인하고 싶은 경우 필요

Answer 1

을 확인하기 위해 별도의 자바 스크립트 함수를 추가하지 할 수 있도록

Answer 2

그냥 HTML5의 필수 태그를 추가, 당신은 단순히이 코드를 사용할 수 있습니다. 그렇다면 for loop과 함께 추가 코드를 넣으십시오.

function fnm(){ 
     document.getElementById("fn").value=""; //clears default value of textbox 
} 
var fname = ""; 
function chfnm(){ 
    fname = document.getElementById("fn").value;  
    if(fname==""){ 
     alert("Please fill your first name"); 
     document.getElementById("fn").focus(); 
    }else{ 
     alert("your name " + fname); 
    } 
} 

DEMO