在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 
    }, 
    }); 

})