Home > Web Front-end > JS Tutorial > body text

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

高洛峰
Release: 2017-01-07 11:29:08
Original
1451 people have browsed it

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>
Copy after login

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!


Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template