jquery validate 基础（一）

    jquery-validate 是基于 jquery 的前端表单验证框架。对于表单中非法的输入做出提示，如必填项、数字、最大值、最小值等。

    jquery-validate 可以从 官网 下载 或从 csdn 下载，目前最新版本为1.13.1。下载完成后，将框架copy 到项目里，我们需要引入的文件有 lib/jquery.js、dist/jquery.validate.min.js、dist/localization/messages_zh.js（如果不引入此文件，提示的信息是英文）。最后需要自己定义一个样式 error，字的颜色为红色，字体加粗。.error { color: red; font-weight: bold;}

首先，在表单中增加两个文本框（姓名、年龄）和一个保存按钮。姓名为必填项。

<form id="myForm" method="post" action="http://www.google.com">

<label for="username">姓名：</label><input type="text" id="username" required="required"/><p/>

<label for="age">年龄：</label><input type="text" id="age"/><p/>

<input type="submit" value="保存"/>

</form>

 

然后，调用表单的验证方法（validate）。

<script type="text/javascript">

$(function() {

$('#myForm').validate();
});

</script>

 

保存文件，刷新页面后，点击 保存 按钮，在 姓名 文本框 后会显示 必须填写。