聯繫表格的Javascript驗證

Question

我試圖爲聯繫人頁面創建驗證表單。然而，每次我點擊我的提交或清除按鈕，似乎是重新加載頁面。我無法弄清楚，儘管我確信這是正確的。

下面是代碼：http://jsbin.com/ahaxos/1/edit

任何幫助，不勝感激！

Answer 1

SCRIPT5009：「形式」是不確定的

你似乎是試圖設置根據表單元素上的變量，在網頁上不存在的形式之前。此外，你還沒有從validater返回任何東西。

這就是說，你不應該再使用JavaScript來驗證表單。而更喜歡HTML5表單驗證。在你的情況下，將required屬性添加到必填字段，並使用input type="email"作爲電子郵件輸入。

Answer 2

你需要把所有這些行的驗證函數裏面，因爲他們不讀表單的任何電流值時，他們在全球範圍內（外的所有功能）：

var handletxt = form.handle.value; 
var emailtxt = form.email.value; 
var pcbox = form.pc.checked; 
var ps3box = form.ps3.checked; 
var wiibox = form.wiiU.checked; 
var xboxbox = form.xbox.checked; 
var actionbox = form.action.checked; 
var fpsbox = form.fps.checked; 
var puzzlebox = form.puzzle.checked; 
var rtsbox = form.rts.checked; 
var mobabox = form.moba.checked; 
var rpgbox = form.rpg.checked; 
var suggesttxt = form.suggest.value; 
var error=[]; 

此外，變量「form」未定義。您需要使用相同的變量名「形式」，你在其他地方使用，否則重寫語句以使用validater函數內的變量的ContactForm的驗證函數內：

/* change this line */ 
function validater(ContactForm){ 

/* change to this so that your variable names match up */ 
function validater(form){