jQuery validate 中文API 附validate.js中文api手册

首先，需要说明的是，jQuery validate 是一个 jQuery 插件，用于对表单数据进行验证。validate.js 中文 api 手册是 jQuery validate 的中文文档。

以下是完整攻略：

1. 准备工作

在使用 jQuery validate 之前，需要先引入 jQuery 库和 jQuery validate 插件。

<!-- 引入 jQuery 库 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<!-- 引入 jQuery validate 插件 -->
<script src="https://cdn.bootcss.com/jquery-validate/1.19.0/jquery.validate.min.js"></script>

2. 简单使用

下面是一个简单的示例，用于验证一个表单中的用户名和密码是否符合要求。

<form id="myform">
  <label for="username">用户名：</label>
  <input type="text" name="username" required>
  <br>
  <label for="password">密码：</label>
  <input type="password" name="password" minlength="6" required>
  <br>
  <button type="submit">提交</button>
</form>

<script>
  $(function() {
    // 添加验证规则
    $("#myform").validate({
      // 验证规则
      rules: {
        username: "required",
        password: {
          required: true,
          minlength: 6
        }
      },
      // 校验错误信息
      messages: {
        username: "请填写用户名",
        password: {
          required: "请填写密码",
          minlength: "密码长度不能少于 6 个字符"
        }
      }
    });
  });
</script>

在上面的代码中，我们先准备了一个表单，包含了一个用户名和一个密码。然后，使用 jQuery validate 插件对这个表单进行了验证，规定了必填项和最小长度等规则。如果表单中的用户名或密码不符合要求，那么就会提示错误信息。

3. 更多使用

除了上面的示例之外，jQuery validate 还有很多其他的使用方法和功能。下面是一些常用的示例：

3.1 邮箱验证

<form id="myform">
  <label for="email">邮箱：</label>
  <input type="email" name="email" required>
  <br>
  <button type="submit">提交</button>
</form>

<script>
  $(function() {
    // 添加验证规则
    $("#myform").validate({
      // 验证规则
      rules: {
        email: {
          required: true,
          email: true
        }
      },
      // 校验错误信息
      messages: {
        email: {
          required: "请填写邮箱",
          email: "请填写有效的邮箱地址"
        }
      }
    });
  });
</script>

3.2 手机号码验证

<form id="myform">
  <label for="phone">手机号码：</label>
  <input type="tel" name="phone" required>
  <br>
  <button type="submit">提交</button>
</form>

<script>
  $(function() {
    // 添加验证规则
    $("#myform").validate({
      // 验证规则
      rules: {
        phone: {
          required: true,
          isMobile: true
        }
      },
      // 校验错误信息
      messages: {
        phone: {
          required: "请填写手机号码",
          isMobile: "请填写有效的手机号码"
        }
      }
    });

    // 自定义规则：验证手机号码格式
    $.validator.addMethod("isMobile", function(value, element) {
      var length = value.length;
      var mobile = /^1[345789]\d{9}$/;
      return this.optional(element) || (length == 11 && mobile.test(value));
    }, "请填写有效的手机号码");
  });
</script>

在上面的示例中，我们自定义了一个 isMobile 规则，用于验证手机号码。实际使用中，如果 jQuery validate 没有提供我们需要的验证规则，我们也可以自己定义一个规则。

4. 参考文档

如果需要更多的 jQuery validate 的使用方法和详细说明，可以参考 validate.js 中文 api 手册，里面包含了详细的 API 接口和使用示例。

以上就是“jQuery validate 中文API 附validate.js中文api手册”的完整攻略。