가장 간단한 jQuery 검증 규칙 예제

StackOverflow https://stackoverflow.com/questions/650336

문제

다음 HTML 양식은 jQuery의 양식 검증을 성공적으로 활용하여 폼 필드의 오른쪽에 "이 필드가 필요합니다"를 표시하고 2 개 미만의 문자를 입력 한 경우 "최소 2 자를 입력하십시오". 그러나 "CNAME"양식 입력 필드의 클래스 및 최소 속성을 사용하여 유효성 검사 메타 데이터를 지정하는 대신 JQuery의 "Rules"API를 대신 사용하려고합니다. 여기서 규칙은 Validate 기능 본문에 지정됩니다. 미리 감사드립니다 :

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="/lib/js/jquery.js"></script>
  <script src="/lib/js/jquery.validate.js"></script>
  <script>
  $(document).ready(function(){$("#commentForm").validate(
    /*
     rules/messages here
    */
    );}
    );
  </script>
</head>
<body>

 <form id="commentForm" method="get" action="">
 <fieldset>
   <legend>A simple comment form with submit validation and default messages</legend>
   <p>
     <label for="cname">Name</label>
     <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </fieldset>
 </form>
</body>
</html>
도움이 되었습니까?

해결책 2

포함 된 예 이 블로그 게시물 트릭을하십시오.

다른 팁

rules: {
    cname: {
        required: true,
        minlength: 2
    }
},
messages: {
    cname: {
        required: "<li>Please enter a name.</li>",
        minlength: "<li>Your name is not long enough.</li>"
    }
}

$("#commentForm").validate({
    rules: {
     cname : { required : true, minlength: 2 }
    }
});

그와 비슷해야합니다. 여기 편집기에서 이것을 입력 했으므로 구문 오류 일 수도 있지만 패턴과 다음을 따라갈 수 있어야합니다. 선적 서류 비치

마크 업의 입력이 누락되었습니다 "type", 입력 (내가 가정하는 텍스트)에는 속성이 있습니다. name="name" 그리고 ID="cname", Ayo가 제공 한 코드는 "cname"이라는 입력을 호출합니다. "이름".

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top