如何通过html按钮标签中的提交图像来验证所有文本或发送数据

<form>
  <input type="text" id="name" placeholder="请输入姓名">
  <input type="email" id="email" placeholder="请输入邮箱">
  <input type="file" id="image" accept="image/*">
  <button type="submit">提交</button>
</form>

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  // 获取表单数据
  var name = document.getElementById('name').value;
  var email = document.getElementById('email').value;
  var image = document.getElementById('image').files[0];

  // 验证数据
  if (name === '') {
    alert('请输入姓名');
    return;
  }

  if (email === '') {
    alert('请输入邮箱');
    return;
  }

  if (!image) {
    alert('请选择图像');
    return;
  }

  // 执行数据提交操作
  // ...

  // 清空表单数据
  document.getElementById('name').value = '';
  document.getElementById('email').value = '';
  document.getElementById('image').value = '';
});