>  기사  >  웹 프론트엔드  >  jQuery 검증 검증, 컨트롤에 작성된 검증 규칙의 구체적인 예

jQuery 검증 검증, 컨트롤에 작성된 검증 규칙의 구체적인 예

高洛峰
高洛峰원래의
2017-01-07 11:29:081452검색

컨트롤에 확인 규칙 작성

<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<script src="./js/jquery.metadata.js" type="text/javascript"></script>
$().ready(function() {
 $("#signupForm").validate();
});
<form id="signupForm" method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input id="firstname" name="firstname" class="required" />
    </p>
 <p>
  <label for="email">E-Mail</label>
  <input id="email" name="email" class="required email" />
 </p>
 <p>
  <label for="password">Password</label>
  <input id="password" name="password" type="password" class="{required:true,minlength:5}" />
 </p>
 <p>
  <label for="confirm_password">确认密码</label>
  <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:&#39;#password&#39;}" />
 </p>
    <p>
        <input class="submit" type="submit" value="Submit"/>
    </p>
</form>

팁:
class="{}"를 사용하고 패키지를 가져와야 합니다: jquery.metadata.js


다음 방법을 사용하여 프롬프트 내용을 수정할 수 있습니다:
class="{required:true,minlength:5,messages:{required:'내용을 입력하세요'}}"

equalTo 키워드를 사용하는 경우 다음 코드와 같이 다음 내용을 따옴표로 묶어야 합니다.
class="{required:true,minlength:5,equalTo:'#password'} "

더 많은 jQuery Validate 확인과 컨트롤에 작성된 확인 규칙의 구체적인 예를 보려면 PHP 중국어 웹사이트를 참고하세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.