Home >Web Front-end >JS Tutorial >jQuery Validate verification, a specific example of verification rules written in the control

jQuery Validate verification, a specific example of verification rules written in the control

高洛峰
高洛峰Original
2017-01-07 11:29:081485browse

Write the verification rules into the control

<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>

Tips:
When using class="{}", the package must be introduced: jquery.metadata.js


You can use the following method to modify the prompt content:
class="{required:true,minlength:5,messages:{required:'Please enter the content'}}"

When using the equalTo keyword, the following content must be enclosed in quotation marks, as shown in the following code:
class="{required:true,minlength:5,equalTo:'#password'}"

More jQuery Validate verification, specific examples of verification rules written in controls, please pay attention to the PHP Chinese website for related articles!


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn