【jQuery】表单校验插件——validate

//学习笔记

jQuery 的表单验证插件 validate , 验证用户在表单中输入的内容

 使用步骤

下包：把插件下载到本地

导包：先导入 jQuery , 再导入插件

    <!-- 导入jQuery -->
    <script src="./jquery/jquery-3.5.1.js"></script>
    <!-- 导入validate插件 -->
    <script src="./jquery-validate/jquery-validate.js"></script>

用包：

常用配置：

自定义属性：

注意：自定义属性要放在 form 中使用 而不是script标签内

         <input
            type="password"
            name="password"
            data-required
            data-pattern=".{6,}"
          />

 这2个属性需要结合 description 配置使用

      <input
            type="password"
            name="password"
            data-required
            data-describedby="password-error"
            data-description="password"
 	data-pattern=".{6,}"
          />
          <span class="error" id="password-error"></span>


<script>
      $('form').validate({
        description: {
          password: {
            required: '密码不能为空!',
            pattern: '密码不能少于6位!',
          },
        },
</script>