php jq 提交表单验证,jquery的表单验证提交

可以使用 jQuery Validation 插件来实现表单验证和提交功能。

首先，在 HTML 中引入 jQuery 和 jQuery Validation 插件的库文件：

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

然后，编写表单和相关的 JavaScript 代码：

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required><br>
  <button type="submit">Submit</button>
</form>

<script>
  $(document).ready(function() {
    $('#myForm').validate({
      rules: {
        name: {
          required: true,
          minlength: 2
        },
        email: {
          required: true,
          email: true
        }
      },
      messages: {
        name: {
          required: "Please enter your name",
          minlength: "Your name must consist of at least 2 characters"
        },
        email: {
          required: "Please enter your email",
          email: "Please enter a valid email address"
        }
      },
      submitHandler: function(form) {
        // 执行表单提交操作
        form.submit();
      }
    });
  });
</script>

在该代码中，我们使用 `validate()` 方法对表单进行验证，其中 `rules` 对象定义了每个表单字段的验证规则，`messages` 对象定义了每个表单字段的错误提示信息，`submitHandler` 回调函数定义了表单提交成功后要执行的操作。

如果表单验证通过，`submitHandler` 回调函数中的代码将会被执行，可以在该函数中执行表单提交操作。如果表单验证失败，jQuery Validation 插件会自动显示相应的错误提示信息。

希望这个例子能帮助你实现表单验证和提交功能。