提交表单时的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;"

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

I fixed most of the bugs here.. you need to look at the validation process itself.