jQuery 停止表单提交

Question

我刚刚整理了一个漂亮的表单，花了我几个小时，并进行了一些漂亮的 jQuery focusout 验证。 focusout 属性附加到 onload 的输入字段。然后，我通过触发 focusout 事件 onsubmit 来重新使用我的验证函数，但我不知道的是，如果我的任何验证函数失败，如何禁用表单提交。完整示例此处 (jsfiddle)

缩减示例：

addLoadEvent(AttachVal);

函数 AttachVal(){

 $('input[name="FirstName"]').focusout(NameTest);
  $('input[name="LastName"]').focusout(NameTest);
  $('form[name="注册"]').submit(SubmitRegForm);

}

函数SubmitRegForm(){

 $('input[name="FirstName"]').trigger('focusout');
  $('input[name="LastName"]').trigger('focusout');
  警报（“提交”）；       

返回 假；
}

我尝试在 SubmitRegForm函数

function NameTest(){

var result = true;          
var EnteredValue = $(this).val();
var alphaExp = /^[a-zA-Z ]+$/;

    if (!(EnteredValue.match(alphaExp)))
    {
        var result = "Invalid"; 
    }   

    if (result !== true)
    {
        $(this).parent().next().children('span.ErrorDescript').text(result);
    }
    else
    {           
        $(this).parent().next().children('span.ErrorDescript').text("");        
    }

目的

中附加一个变量，如下所示：

var FNStat = $('input[name="FirstName"]').trigger('focusout');

是检查所有这些变量，如果它们都返回 true，则提交，但这只是返回一个对象 是否可以从该函数获取响应文本？...也许？或者是否有另一种方法可以强制停止当前在我的个人验证函数中运行的提交事件？

一如既往，任何建议都非常感激。

担

Answer 1

捕获表单提交的正确方法是这样的：

$('#form').submit(function(e){
    // Unfocus and validation logic here.
    e.preventDefault();
});

e.preventDefault() 将阻止表单提交。

Answer 2

这是一个更新的小提琴。 我所做的是在 SubmitRegForm() 方法的返回中查看有多少勾选图像可见，如果为零，则继续提交表单。