2016-11-20 13 views
1


私は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"); 
     } 
     }); 
    }); 
    }); 
+1

私はあなたの送信ボタンに必要なクラスを適用していると仮定します: 'ui submit'?もしそうなら。検証コールバックを探している可能性があります。http://semantic-ui.com/behaviors/form.html#callbacksフォームの検証後に何をしたいのかに関わらず、 'onSuccess'と' onFailure'を使ってフォームの検証をします。 – Stevangelista

答えて

5

。私はいくつかのフォームバリデーションを例として追加しました

$('.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"); 
     } 
     });  
    } 
    }) 
; 
関連する問題