JavaScript验证表单未在出现错误时停止

我正在制作简单的html表单，并使用javascript进行验证。。但我的表格并没有因为错误而停止

if(document.register.fname.value=="")
{

alert("plz enter username");
document.register.fname.focus();
alert("plz enter username");
return false;
}

Html部分是

<input type="image" src="img/signup.PNG" alt="Sign Up" value="signup" onsubmit="return regis()" />

---

即使我留下空白，它也会转到另一页。请告诉我错误是什么？？？

onsubmit

仅对

表单

元素有效，而不是

输入

元素。将

onsubmit

内联处理程序放入

表单

元素中

更好的选择是使用

addEventListener

，如下所示：

document.register.addEventListener('submit', function(e) {
  if(document.register.fname.value === "")
  {
    alert("plz enter username");
    document.register.fname.focus();
    e.preventDefault();
  }
});

---

您需要将属性

onsubmit=“return regis（）”

放入表单的

标记中

像这样

<form onsubmit="return regis()" ...

您应该在表单上添加验证javascript，如下所示：

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">



如果要在按下“提交”按钮时进行验证，请尝试以下操作：

<input type="submit" value="Submit this form" onclick="validateForm('myForm');return false;" />

它在警报状态下工作，但当使用以下代码时，它会再次转到下一页。if（document.register.fname.value==“”）{document.getElementById（“error1”）.innerHTML=“plz enter username”；返回false；}@Thanos