防止使用 Semantic-Ui 提交表单

Question

我正在使用 Semantic Ui Forms，但我不知道如何在表单验证后阻止表单提交。
我在他们的文档中找不到任何内容……非常感谢。

这是我当前的提交脚本：

    $(function () {
    $('#formId').on('submit', function (e) {
      e.preventDefault();
      $.ajax({
        type: 'post',
        url: 'phpScriptUrl.php',
        data: $('form').serialize(),
        success: function () {
          //"ok" label on success.
          $('#successLabel').css("display", "block");
        }
      });
    });
  });

Answer 1

使用回调。我添加了一些表单验证作为例子

$('.ui.form').form({
    fields: {
      firstname     : 'empty',
      lastname   : 'empty'
    },
    onSuccess: function(event, fields) {
        event.preventDefault();
            $.ajax({
        type: 'post',
        url: 'phpScriptUrl.php',
        data: $('form').serialize(),
        success: function () {
          //"ok" label on success.
          $('#successLabel').css("display", "block");
        }
      });      
    }
  })
;