jq validate 自定义按钮验证,隐藏 input方法来做验证

可以使用 jQuery Validate 插件的 `addMethod` 方法来自定义验证规则，并使用隐藏的 input 元素来进行验证。

具体实现步骤如下：

1. 在 HTML 文件中添加一个隐藏的 input 元素，并设置它的 `name` 属性和验证规则。

<input type="hidden" name="customButton" class="custom-button-validate" required>

在上述代码中，`name` 属性设置为 `customButton`，并添加了 `required` 规则。同时，通过 `class` 属性添加了一个自定义的类名 `custom-button-validate`，以便在 JavaScript 文件中进行操作。

2. 在 JavaScript 文件中，使用 `addMethod` 方法来自定义验证规则。

$.validator.addMethod("customButton", function(value, element) {
  // 在这里编写自定义验证规则的逻辑
  // 如果验证通过，返回 true，否则返回 false
  return true;
}, "自定义验证失败提示信息");

在上述代码中，`addMethod` 方法接受三个参数，分别为自定义的验证方法的名称、验证函数和验证失败时的提示信息。在验证函数中，可以编写自定义的验证规则逻辑，并根据验证结果返回 `true` 或 `false`。

3. 在 jQuery Validate 插件的 `submitHandler` 方法中，手动触发验证。

$("#form").validate({
  submitHandler: function(form) {
    // 验证通过后的处理逻辑
    // 在这里手动触发自定义验证规则
    $(".custom-button-validate").valid();
  }
});

在上述代码中，`submitHandler` 方法在表单验证通过后被触发。在这个方法中，可以编写表单验证通过后的处理逻辑，并手动触发隐藏的 input 元素的验证，以便触发自定义的验证规则。

通过上述步骤，可以实现在 jQuery Validate 插件中使用隐藏的 input 元素来自定义按钮验证。需要注意的是，在验证函数中，需要编写自定义的验证规则逻辑，并根据验证结果返回 `true` 或 `false`。同时，需要在 `submitHandler` 方法中手动触发隐藏的 input 元素的验证，以便触发自定义的验证规则。