在Semantic-ui驗證表單中添加一個onSubmit函數

Question

我用表單上傳文件，所以當提交按鈕被按下時，我需要通知用戶一個加載按鈕。 This似乎不起作用。

的JavaScript：

$('.ui.form').form({ 
    fields: { 
    input1: { 
     identifier: 'input1', 
     rules: [{ 
     type: "empty", 
     prompt: "input1 - This field is required" 
     }] 
    }, 
    input2: { 
     identifier: 'input2', 
     rules: [{ 
     type: "empty", 
     prompt: "input2 - This field is required" 
     }] 
    } 
    }, 
    onSuccess() { 
    //$('.submit.button').addClass('loading') 
    console.log('Form submitting...') 
    } 
}); 

我已經離開了HTML只是把重點放在JS。在onSuccess()上刪除，將提交表格，但不會與onSuccess()中。我該以正確的方式嗎？

Answer 1

我不認爲有表單提交onsuccess的回調。

您應該從表單中獲取值，然後使用$ .post並使用成功回調。

$('.ui.form').submit(function() { 

    $.ajax({ 
    type: "POST", 
    url: "url/to/server.php", 
    data: $(this).serialize(), 
    success: function() { 
     // callback code here 
    }, 
    }); 

})