양식 유효성 검사에 실패했습니다

양식이 있고 아래 코드는 입니다. 제출을 클릭하면 textfiled이 비어있는 대신 true이 표시되고 오류가 발생해야합니다.양식 유효성 검사에 실패했습니다

그것의 간단한 양식 유효성 검사

HTML

<form name="rt-form2" method="post" onsubmit="return validateform();"> 
<input type="text" value="Name" name="name2" id="name1"><br> 

<input type="text" value="Email" name="Email" id="Email1"><br> 

<input type="text" value="Phone Number" name="phone" id="phone1"><br> 

<input type="submit" value="submit" name="submitm" class="submit-btn"> 
</form>

및 자바 스크립트 검증

<script type="text/javascript"> 
function validateform(){ 
alert("Submit button is clicked"); 


    if(document.rt-form2.name2.value.length < 1) { 
     alert("Enter name"); 
     return false; 
    } 
    else { 
     alert("Submitting"); 
     return true; 
    } 


} 

</script>

출처

2012-01-11 Rafee

document.rt-form2.name2.value.length 선택기가 작동합니까? – anderssonola

스크립트가 정확합니다. 양식 이름에서 하이픈을 제거하면 가야합니다.

출처

2012-01-11 14:46:55 uzair

이 시도 : 기본적으로 당신이에 값이

<body> 
    <head>  
<script type="text/javascript"> 
function validateform() 
{ 
    alert("Submit button is clicked"); 
    var namelength = document.formulari.name2.value.length; 
    if(namelength < 1) 
    { 
     alert("Enter name"); 
     return false; 
    } 
    else 
    { 
     alert("Submitting"); 
      return true; 
    } 
} 

</script> 
    </head> 
<form name="formulari" method="post" onsubmit="return validateform();"> 
<input type="text" name="name2" id="name2"><br> 

<input type="text" name="Email" id="Email1"><br> 

<input type="text" name="phone" id="phone1"><br> 

<input type="submit" value="submit" name="submitm" class="submit-btn"> 
</form> 
</body>

경우 fi 필드 (value="Name")는 "빈"오류를 시작하지 않습니다. 왜냐하면 기본값을 얻고 있기 때문입니다.
EDIT : 우연히 양식 이름의 이름을 추가하는 것을 잊어 버렸습니다. 내가 아래 코드에서했던 것처럼.

출처

2012-01-11 14:44:09 Nobita

누구나 다운 보트를했는데 왜 다음 해답을 향상시킬 수 있는지 설명 할 수 있습니까? – Nobita

나는 이것을 다시 작성했는데 오류는 양식 이름에서 나온 것으로 보입니다. 자바 스크립트 내에서 '-'를 사용하면 오류가 발생합니다. '_'로 전환하면 제대로 작동하는 것 같습니다.

jsFiddle

난 당신이 기본 값을 입력 할 수 있으며 또한 클래스 required 모든 필드의 유효성을 확인 jQuery로 같은 일을했다. 기본값이 변경되었음을 확인하고 선택시 필드를 지우기 때문에 약간 더 복잡합니다.

my Validation

출처

2012-01-11 14:50:40 kwelch

function validateForm() 
     { 
     var x=document.forms["formElem"]["name"].value; 
     if (x==null || x=="" || x=="Name") 
      { 
      alert("All fields must be filled out"); 
      return false; 
      } 

     var x=document.forms["formElem"]["hnumber"].value; 
     if (x==null || x=="" || x=="Phone") 
      { 
      alert("All fields must be filled out"); 
      return false; 
      } 

     var x=document.forms["formElem"]["mnumber"].value; 
     if (x==null || x=="") 
      { 
      alert("All fields must be filled out"); 
      return false; 
      } 

      alert('Thanks for applying. Someone from HR will contact you shortly.'); 
    }

이것은 내가 사용하는 정말 간단한 스크립트입니다.

출처

2012-01-11 14:54:15 Davidicus

양식 유효성 검사에 실패했습니다

답변

관련 문제