验证表单中的多个字段

Question

验证表单中的多个字段

fud*_*din 1 javascript forms validation html5

我是第一次进行测试.我阅读了这段代码并从中创建了自己的代码.问题是即使字段留空也不会出现任何错误.

请帮忙.谢谢.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
{function validateForm()

var x=document.forms["myForm"]["name"].value;
if (x==null || x=="")
  {
  alert("Name must be filled out");
  return false;
  }

var y=document.forms["myForm"]["password"].value;
  {
if (y==null || y=="")
  alert("Password name must be filled out");
  return false;
  }
</script>
</head>

<body>

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
Name*: <input type="text" name="name"> <br>
Password*: <input type="password" name="password"><br>
Email: <input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

gla*_*kou 8

固定代码:jsfiddle

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function validateForm() {

var x=document.forms["myForm"]["name"].value;
if (x==null || x=="")
 {
  alert("Name must be filled out");
  return false;
 }

var y=document.forms["myForm"]["password"].value;
if (y==null || y=="") {
  alert("Password name must be filled out");
  return false;
}
}
</script>
</head>

<body>

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
Name*: <input type="text" name="name"> <br>
Password*: <input type="password" name="password"><br>
Email: <input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
</body>
<html>

Run Code Online (Sandbox Code Playgroud)

小心放置牙套的位置.此外,在浏览器上使用控制台识别某些错误并修复它们是有利的.

归档时间：	13 年，5 月前
查看次数：	59001 次
最近记录：	9 年，10 月前