如何仅在使用react-hook-form验证表单时执行POST请求？

import React from 'react';
import { useForm } from 'react-hook-form';

const MyForm = () => {
  const { register, handleSubmit, errors } = useForm();

  const onSubmit = (data) => {
    // 在这里执行POST请求
    fetch('https://api.example.com/submit', {
      method: 'POST',
      body: JSON.stringify(data),
      headers: {
        'Content-Type': 'application/json'
      }
    })
      .then(response => response.json())
      .then(result => {
        // 处理请求结果
        console.log(result);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input name="name" ref={register({ required: true })} />
      {errors.name && <span>请输入姓名</span>}

      <input name="email" ref={register({ required: true, pattern: /^\S+@\S+$/i })} />
      {errors.email && <span>请输入有效的邮箱地址</span>}

      <button type="submit">提交</button>
    </form>
  );
};

export default MyForm;