JQuery 表单验证框架

以下是一个使用jQuery和jQuery Validate插件创建简单表单验证的示例代码：

首先，确保在你的HTML文件中包含了jQuery库和jQuery Validate插件：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.19.2/jquery.validate.min.js"></script>

然后，创建一个简单的HTML表单：

<form id="myForm">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" required>
  
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" required>
  
  <button type="submit">Submit</button>
</form>

接着，使用jQuery设置表单验证：

$(document).ready(function() {
  $("#myForm").validate({
    rules: {
      username: {
        required: true,
        minlength: 5
      },
      password: {
        required: true,
        minlength: 8
      }
    },
    messages: {
      username: {
        required: "Please enter your username",
        minlength: "Your username must be at least 5 characters long"
      },
      password: {
        required: "Please enter your password",
        minlength: "Your password must be at least 8 characters long"
      }
    },
    submitHandler: function(form) {
      form.submit();
    }
  });
});

这段代码中，我们定义了rules对象来指定字段验证规则，messages对象来定义验证不通过时显示的错误信息。submitHandler是当表单验证通过时执行的回调函数，在这里可以执行表单提交的操作。