jquery - 使用 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");
        }
      });      
    }
  })
;