JavaScript 表单验证没有执行的几个小问题

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
<script>
function validateForm(){
var x=document.forms["myForm"]["fname"].value;
if (x==null || x==""){
  alert("姓必须填写");
  return false;
  }
}
</script>
</head>
<body>
	
<form name="myForm" action="/statics/demosource/demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
	
</body>
</html>

问题一:检查表单中 这句onsubmit="return validateForm()" ,最后千万不能有";"

问题二:往往是没有正确获取到值,比如使用document,如果是表单里的需要用到document.forms["表单的name"]["具体标签的name"].value;

猜你喜欢

转载自blog.csdn.net/weixin_39809036/article/details/81710077