如何使html5所需的验证器与输入type=button一起工作？

要使HTML5所需的验证器与输入type=button一起工作，可以采取以下方法：

使用JavaScript来触发验证器：通过在type=button的按钮上绑定一个JavaScript函数，当按钮被点击时，调用验证器进行验证。可以使用HTML5的内置验证器函数，如checkValidity()，来检查表单的有效性。如果验证失败，可以使用setCustomValidity()函数来设置自定义的错误消息。

示例代码：

<form>
  <input type="text" required>
  <input type="button" value="Submit" onclick="validateForm()">
</form>

<script>
function validateForm() {
  var input = document.querySelector('input[type="text"]');
  if (!input.checkValidity()) {
    input.setCustomValidity("Please fill out this field.");
  } else {
    // 执行提交操作
  }
}
</script>

使用JavaScript来手动触发验证器：通过在type=button的按钮上绑定一个JavaScript函数，手动调用验证器进行验证。可以使用HTML5的内置验证器函数，如reportValidity()，来触发表单的验证。如果验证失败，会显示默认的错误消息。

示例代码：

<form>
  <input type="text" required>
  <input type="button" value="Submit" onclick="validateForm()">
</form>

<script>
function validateForm() {
  var form = document.querySelector('form');
  form.reportValidity();
}
</script>

这些方法可以使HTML5的验证器与输入type=button一起工作，确保表单数据的有效性。在实际应用中，可以根据具体需求选择适合的方法来实现验证功能。

关于HTML5验证器和表单验证的更多信息，可以参考腾讯云的相关文档：