使用ajax请求验证HTML表单到另一个页面

Question

我想使用我网站的另一个页面来验证HTML表单输入。如果输入 NOT 有效，我想在表单页面的某处显示错误而不重新加载。否则，如果 IS 有效，我想正常提交表单。

在阅读类似的SO问题后，我没有找到任何确切的解决方案，但实际上发明了我自己的，对我有用。虽然，我仍然认为我的解决方案有点奇怪，所以我要求正确的想法。

HTML：

 <form id="form" method="POST"> ... some inputs ... </form>
 <button id="submit" type="submit">Save</button>
 <p id="errors"></p>

JS：

$('#form').submit(function (event) {
  var formData = $(this).serializeArray();
  event.preventDefault();
  $.ajax({
         type: "POST",
         url: '/validate/',
         data: formData,
         success: function(data) {
            if(!data)
            {
              $('#form').unbind('submit');
              $('#submit').trigger('click');
            }
            else
            {
                $('#errors').text(data);
            }
        }
      });

return false;
});

NB ：它按预期工作，我要求更好的解决方案。