javascript - 联系表单的 Javascript 验证

Question

我正在尝试为联系页面创建验证表单。但是，每次我单击提交或清除按钮时，似乎都在重新加载页面。我无法弄清楚，尽管我确信它就在我面前。

这是代码：http: //jsbin.com/ahaxos/1/edit

任何帮助是极大的赞赏！

Answer 1

您需要将所有这些行放在验证函数中，因为当它们在全局范围内（在所有函数之外）时，它们不会从表单中读取任何当前值：

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”是未定义的。您需要在其他地方使用的验证函数中使用相同的变量名称“form”，或者重写您的语句以在验证器函数中使用变量 ContactForm：

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

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

Answer 2

SCRIPT5009：“形式”未定义

在表单存在于页面之前，您似乎正在尝试根据表单元素设置变量。此外，您不会从validater.

话虽如此，您不应该再使用 JavaScript 来验证表单。而是更喜欢 HTML5 表单验证。在您的情况下，将required属性添加到必填字段，并input type="email"用于电子邮件输入。