只有在使用jquery验证表单之后才创建JSON

Question

我有一个表单，我正在收集表单数据的条目并存储在本地存储中。我能够验证表单（使用jquery - validation.min.js插件）并创建JSON。

但是，我应该在验证我现在触发的表单后才创建JSON。

注意： - 验证功能在我的validation.js文件中。 - json创建功能是在我的HTML脚本标记之间。 我评论提交处理的部分：

submitHandler: function(form) { 
    form.submit(); 
}, 

认为提交功能的碰撞，但还是同样的结果

我这里有一个小提琴FIDDLE

Answer 1

我认为你需要这个代码

$(function() { 
     $('form').submit(function() { 
      if($('#form').valid()){ 
        $('#result').text(JSON.stringify($('form').serializeObject())); 
        return false; 
      } 

     }); 
    }); 

Answer 2

其显示JSON表单值因为表单提交事件触发事件验证抛出错误 o n提交JSON验证前的验证事件检查

if($('form').valid()){ 
    $('#result').text(JSON.stringify($('form').serializeObject()));  
}else{ 
return false; 
}