使用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防止表單提交

回答

相關問題