1. 程式人生 > >JavaScript 表單驗證沒有執行的幾個小問題

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;