JavaScript 表單驗證沒有執行的幾個小問題
阿新 • • 發佈:2018-11-30
<!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;