display = none을 (를) 함수에서 차단하려고 시도했습니다.

왜이 기능이 작동하지 않는지 내 인생을 예측할 수 없습니다. 경고를 걸면 작동하지만 표시를 변경하려고 할 때 작동하지 않습니다.display = none을 (를) 함수에서 차단하려고 시도했습니다.

<script> 
function validatesForm() { 
     var x=document.forms["MYPage"]["name"].value; 
     if (x == null || x == "") 
     { 
      document.getElementById("errorname").style.display="block"; 
      return false; 
     } 

    } 
    </script> 
</head> 
<body> 

<form name="MYPage"> 
Name: 
    <input type="text" name="name" />&nbsp&nbsp&nbsp <p id="errorname" style="color:red;  display:none;">Please fill out this field</p> 

    <input type="submit" value="Validate!" onclick="validatesForm()"> 
</form>

출처

2013-07-24 user2616013

유효성 확인 기능은 사용자가 가지고있는 것처럼 제출 버튼의 onclick 이벤트에서 호출하면 안됩니다. 대신 양식 태그의 onsubmit 이벤트에서 <form name="MYPage" onsubmit="return validatesForm();">과 같이 호출해야합니다. 또한 함수 호출 전에 return이라는 단어를 확인하십시오.이 함수 호출은 유효성 검사 함수의 부울 결과를 가져 와서 전송할지 여부를 결정하는 데 사용합니다.

다음은 좋은 자습서입니다. http://w3schools.com/js/js_form_validation.asp

출처

2013-07-24 20:55:13

display = none을 (를) 함수에서 차단하려고 시도했습니다.

답변

관련 문제