使用Semantic-Ui防止表单提交

我正在与Semantic Ui Forms一起工作，但我无法弄清楚如何在表单验证之后阻止表单提交。
我在他们的文档中找不到任何东西......非常感谢。使用Semantic-Ui防止表单提交

这是我目前提交脚本：

$(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"); 
     } 
     }); 
    }); 
    });

来源

2016-11-20 Michele Riva

我假设您将所需的类应用于您的提交按钮：'ui submit'？如果是这样。你可能在寻找验证回调，在这里解释：http://semantic-ui.com/behaviors/form.html#callbacks。无论你想在表单验证之后做什么，都可以使用'onSuccess'和'onFailure'来完成。 – Stevangelista

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

$('.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"); 
     } 
     });  
    } 
    }) 
;

来源

2016-11-21 07:24:52 tempus71

使用Semantic-Ui防止表单提交

回答

相关问题