javascript - 仅在使用 jquery 验证表单后创建 JSON

Question

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

但是，我应该仅在验证我现在遇到的表单后创建 JSON。

注意: - 验证函数位于我的 validation.js 文件中。 - json 创建函数位于我的 HTML 脚本标记之间。我评论了提交处理程序部分:

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

认为提交函数发生冲突，但结果仍然相同

我这里有一个 fiddle FIDDLE

Answer 1

它显示 JSON 表单值，因为表单提交事件触发事件验证抛出错误在打印 JSON 之前提交事件检查验证

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