你想要 jquery.validate.js 版本 1.8.1 的使用示例,对吗?我可以帮你写一个简单的示例,演示如何用这个版本的 jQuery Validate 插件进行表单验证。


1. 准备工作

  • 引入 jQuery 1.x(如 1.4.4 以上版本)
  • 引入 jquery.validate.js 1.8.1
<script src="https://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.8.1/jquery.validate.min.js"></script>

(备注:因为版本比较老,线上CDN可能没直接存这个版本,建议你本地引入,或者从官方仓库下载。)


2. HTML 表单示例

<form id="myform">
  <label for="username">用户名:</label>
  <input type="text" name="username" id="username" />
  <br />

  <label for="email">邮箱:</label>
  <input type="text" name="email" id="email" />
  <br />

  <label for="password">密码:</label>
  <input type="password" name="password" id="password" />
  <br />

  <input type="submit" value="提交" />
</form>

3. jQuery Validate 初始化代码

$(document).ready(function() {
  $("#myform").validate({
    rules: {
      username: {
        required: true,
        minlength: 3
      },
      email: {
        required: true,
        email: true
      },
      password: {
        required: true,
        minlength: 6
      }
    },
    messages: {
      username: {
        required: "请输入用户名",
        minlength: "用户名至少3个字符"
      },
      email: {
        required: "请输入邮箱地址",
        email: "请输入有效的邮箱"
      },
      password: {
        required: "请输入密码",
        minlength: "密码至少6个字符"
      }
    },
    submitHandler: function(form) {
      alert("验证通过,提交表单!");
      form.submit();
    }
  });
});

4. 说明

  • rules 定义了每个字段的验证规则。
  • messages 是自定义的错误提示。
  • submitHandler 会在验证通过时执行。