jquery.validation은 포스트 백을 중지하지 않아야합니다.

Question

jQuery 유효성 검사를 사용하여 사용자가 두 가지 조건을 충족시키지 않으면 게시를 막을 수 있습니다. 그러나 필수 옵션은 다음

이 예제 jsFiddle입니다 ... 제출에서 양식을 유지하지 않는 것 : 나는 두 번 jsFiddle

내 jQuery 코드를 확인하고 작업을 한 것처럼 보일 것입니다. jsFiddle은 유효한 코드라고 말합니다. 그래서 전화 끊기가 무엇인지 모르겠습니다.

감사

Answer 1

jQuery.validate 규칙이 아닌 ID의 이름을 사용합니다. 따라서 ID를 입력 필드의 이름으로 대체하십시오.

또한 양식은 <form id="temp1">이어야하며 <form id="#temp">이 아니어야합니다.

<form id="temp1"> 
    <input type="text" name="HospitalFinNumber"/> Hospital Fin<br/> 
    <input type="text" name="DateOfBirth"/>Date of Birth<br/> 
    <input type="text" name="AdmitDate"/>Admit Date<br/> 
    <input type="text" name="Comment"/>Comment<br/> 
    <input type="submit" value="Save" class="button" id="btClick"/> 
</form> 

하고 스크립트 :

은 여기 fixed code에 대한 링크의

$(document).ready(function() { 
    $("#temp1").validate({ 
     rules: { 
      HospitalFinNumber: { 
       required: true, 
       minlength: 6 
      }, 
      DateOfBirth: { 
       required: true 
      }, 
      AdmitDate: { 
       required: true 
      }, 
      Comment: { 
       required: function (element) { 
        return $(element).val().length < 4000; 
       }, 
       maxlength: 4000 
      } 
     }, 
     messages: { 
      HospitalFinNumber: 'Please Enter a Hospital Fin number', 
      DateOfBirth: 'Please enter a valid Date Of Birth', 
      AdmitDate: 'Please select an Admit Date', 
      Comment: 'Why dont you stop attempting to put in more than 4000 characters? Thanks...' 
     } 
    }); 
});