触发按钮onClick后会进行HTML输入验证

我有一个简单的表单，问题是在注册了click事件之后进行验证，从而触发

doSomething（）

函数。我希望电子邮件验证能够阻止用户提交表单，这样该功能就不会被触发。我该怎么做

<form>
  <input type="email" placeholder="your email here" required/>
  <button type="submit" onClick="doSomething()">Submit</button>
</form>

<script>
function doSomething(){
    // gets triggered even when the email does not pass validation
    console.log('Doing work..');
}
</script>

提交
函数doSomething（）{
//即使电子邮件未通过验证也会触发
console.log（'Doing work..'）；
}

---

您可以在表单中使用onSubmit属性，该属性仅在验证所有字段时调用您的函数

<form onSubmit="doSomething()">
  <input type="email" placeholder="your email here" required/>
  <input type="submit"/>
</form>

<script>
function doSomething(){
    // gets triggered even when the email does not pass validation
    console.log('Doing work..');
}
</script>

函数doSomething（）{
//即使电子邮件未通过验证也会触发
console.log（'Doing work..'）；
}

查看问题以了解如何阻止表单提交

---

谢谢，

您可以在表单中使用onSubmit属性，该属性仅在所有字段都经过验证后才会调用您的函数

<form onSubmit="doSomething()">
  <input type="email" placeholder="your email here" required/>
  <input type="submit"/>
</form>

<script>
function doSomething(){
    // gets triggered even when the email does not pass validation
    console.log('Doing work..');
}
</script>

函数doSomething（）{
//即使电子邮件未通过验证也会触发
console.log（'Doing work..'）；
}

查看问题以了解如何阻止表单提交

谢谢