innerHTML을 사용하여 양식 유효성 검사

오류 메시지를 경고로 표시하지 않고 양식의 유효성을 검사하려고합니다. innerHTML이 최선의 방법 인 것 같습니다.innerHTML을 사용하여 양식 유효성 검사

구현하기 위해 노력했지만 운이 좋지 않습니다.

다음은 코드입니다.

자바 스크립트 :

<script> function validateForm() { 
      var x = ""; 
      if (document.orderForm.firstName.value = "") 
      x += "Please enter your first name."; 
      document.getElementById('error').innerHTML = x; 
      return false; 
      }</script>

HTML :

 <form name="orderForm" method="post" onsubmit="return validateForm()" action="processForm.html" > 
    <table> 
     <tr> 
      <th colspan="2">Personal Information</th> 
     </tr> 
     <tr> 
      <td>First Name:</td> 
      <td><input type="text" name="firstName" id="firstName" size="30"></td> 

     </tr> 
     </table> 
    <div name="error" id="error"> 
    </div> 
    </form>

이 지금 오류 메시지가 표시되지 않습니다.

출처

2014-10-24 Mac

<script> function validateForm() { 
     if (document.orderForm.firstName.value == ""){ // == is comparison... = is assignment 
      document.getElementById('error').innerHTML = "Please enter your first name."; 
      return false; 
     } 
     else 
      return true //Don't forget to return true if everything checks out 
     }</script>

출처

2014-10-24 14:39:45

if (document.orderForm.firstName.value = "")는, 값 document.orderForm.firstName.value에 ""를 할당하는 거짓 값으로 평가하기 때문에 if 문은 진실하지 않습니다.

할당이 아닌 비교를 사용하십시오. ==.

당신이 그것에있는 동안, 약 validators, labels 및 CSS을 배울하시기 바랍니다. ID = "XYZ"를 갖는

필드 ID가 = "ABC"

함수가의 제출에 호출 입력을 얻기를 위해 오류가 표시됩니다 사업부에 대한

출처

2014-10-24 14:36:16 Quentin

<html> 
<body> 
<input type="text" id="Ifname"> 
<div id="fname"></div> 
<button type="submit" onclick="validate()">Submit</button> 
</body>

onclick을 가진 버튼 = "의 validate()"

function validate(){ 
    var x = ""; 
    if (document.getElementById('Ifname').value == "") 
    { 
    document.getElementById('fname').innerHTML = "Email is Required!"; 
    return false; 
    } 
    else 
    { 
    return true; 
    } 
    } 

    </script> 
</html>

validat를 확인하려면이 코드를 사용하십시오 1 버튼 용.

출처

2017-08-21 10:07:37

innerHTML을 사용하여 양식 유효성 검사

답변

관련 문제