Question

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

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

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

Html Part是......

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

即使我把空白留在了另一页......请帮我查看错误是什么？

Answer 1

onsubmit仅适用于form元素，而不适用于input元素。将onsubmit内联处理程序放在form元素中。

更好的选择是使用addEventListener，如：

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

Answer 2

您需要将属性onsubmit="return regis()"放入表单的form标记中。

喜欢这个

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

Answer 3

您应该将验证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;" />

JavaScript验证表单没有因错误而停止

3 个答案: