2013-06-01 5 views
0

6 개의 입력 유형에 대해 자바 스크립트에서 양식 유효성 검사를해야합니다. 사용자를 눌러 버튼을 제출하면 그것은자바 스크립트 양식 유효성 검사 복수

<script type="text/javascript"> 
    function preveriFormo() { 

     var ime = document.getElementById('ime'); 
     var priimek = document.getElementById('priimek'); 


     if (preveriCrke(ime, "Prosim uporabite samo crke za ime")) { 
      if (preveriCrke(priimek, "Prosim uporabite samo crke za priimek")) { 
       return true; 
      } 
     } 
     return false; 
    } 

    function preveriCrke(element, sporocilo) { 
     var crke = /^[a-zA-Z]+$/; 
     if (element.value.match(crke)) { 
      return true; 
     } else { 
      element.style.backgroundColor = "red"; 
      alert(sporocilo); 
      return false; 
     } 
    } 

</script> 

<form onsubmit="return preveriFormo()" > 
    Ime <input type='text' id='ime' /><br /> 
    Priimek <input type='text' id='priimek' /><br /> 
    <input type="submit" value="Potrdi" /> 
</form> 

내 문제는 내가하지의 목록과 함께 경고 창하는 방법을 잘 모릅니다이다 .. 그에게 올바르게 입력과 빨간색으로 그들을 설정되지 않은 필드에 대한 경고 창을 제공한다 올바르게 작성된 fileds 및 변경 색상 (모두) .. 내 예제 양식에서 하나씩 확인됩니다. 이

+0

(사용자가 이전 몇 가지 오류를 수정하고 다시 제출하려고 할 경우 수 있도록) 통과 모든 필드에 대한 기본값으로 다시 배경색을 설정하는 것을 잊지 마십시오. – nnnnnn

+0

js 유효성 검사 플러그인 만 사용해야합니다. 삶을 더 편하게 만듭니다. http://jqueryvalidation.org/ – zer02

답변

0

flag variable.By 기본값은 다음 true을 넣어 실패 검증 중 하나 .If false에 값을 넣어 가지고 해결하는 방법을 나에게 힌트 그 사람이 할 수 있다면 정말 appriciate 것이다. 반환 플래그보다

return flag; 
+1

다른 방법으로는 유효성 검사가 실패 할 경우'false'를 반환해야합니다. – nnnnnn

+0

@PSR 감사합니다. 그러나 이제는 경고 창이 순서대로 하나씩 표시됩니다. 어떤 필드가 잘못되었거나 공백인지 알리는 알림 창은 하나뿐입니다. –

+0

모든 오류 메시지를 문자열에 추가 한 다음 경고 메시지로 표시합니다. – PSR

관련 문제