提交表单时的jQuery表单验证问题

Question

我正在尝试创建一个使用jquery进行验证的注册表单。 当我单击“提交”时，它似乎无法正常工作，它只允许我将任何内容添加到数据库中，即使缺少字段或密码也不匹配。

我创造了一个小提琴，任何帮助将不胜感激。

http://jsfiddle.net/U8dGW/5/

if(username == "") {
    $("span.val_username").html("This field is required".).addClass('validate');
    validation_holder = 1;
} else {
    $("span.val_username").html("");
}

if(name == "") {
     $("span.val_name").html("This field is required".).addClass('validate');
    validation_holder = 1;
} else {
    $("span.val_name").html("");
}

谢谢

Answer 1

首先，您的表单似乎正在提交，因为您尚未覆盖onsubmit事件，因此基本上您需要在表单中添加开始标签：

onsubmit="return false;"

这将阻止表单自动提交。.现在，您需要修复验证方法。

我在这里修复了大多数错误。您需要查看验证过程本身。