JQuery Validation makes verification so easy (1)

I. Download jquery and jquery validation plugin http://jqueryvalidation.org/

Ii. Introduce files

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script><script src="js/jquery.validate.js" type="text/javascript"></script>

3. Next, declare the following HTML snippet

<Form action = "" id = "jvForm"> Name: <input type = "text" name = "username" id = "username" class = "required"/> </br> password: <input type = "password" name = "password" id = "password" class = "required"/> </br> <input type = "submit" value = "submit" /> </form>

Through the above Code, we will find that we add class = "required" to every input"

Its function is to prompt the user for an error when the inpute label is empty.

4. Finally, we need to find a starting point for our framework.

<script type="text/javascript">$(function() {$("#jvForm").validate();})</script>

The running effect is as follows:

Of course, the prompt information is in English by default. You can modify it in jquery. validate. js as needed.