Проверка 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=[]; 

Кроме того, переменная «форма» не определена. Вы должны использовать те же имя переменной «форма» в функции проверки, которую вы используете в другом месте, либо переписать свои заявления, чтобы использовать переменную ContactForm внутри функции validater:

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

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