如何将onclick（）事件以及HTML5表单验证结合在一起？

Question

我已经为我的网站使用html5表单验证创建了一个表单。但是，验证部分仅在我不在提交按钮中添加onclick = somefunction（）时才有效。如果我添加onclick事件，它会跳过验证部分并直接执行onclick（）事件。这是提交按钮的代码。如何确保执行验证部分和onclick事件？

<button type="submit" class="signupbtn" onclick="clickAlert()">Request for 
Registration</button>
function clickAlert() {
alert("You will get a call to verify your Registration soon!");
 } 

Answer 1

这与onclick事件无关。它是由alert。

引起的

您将焦点从表单中移开，导致浏览器生成的错误消息在正常显示的瞬间被删除。

不要使用alert()。相反，修改页面的DOM以在那里显示消息。