在语义界面验证表单中添加onSubmit函数

Adding an onSubmit function in Semantic-ui validation form

本文关键字：添加 onSubmit 函数 表单 语义 界面 验证      更新时间：2023-09-26

我用表单上传文件，所以当提交按钮被按下时，我需要用加载按钮通知用户。这似乎不工作。

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()。我走的路对吗?

我不相信有一个回调onSuccess与表单提交。

您应该从表单中获取值，然后使用$。发布并使用成功回调。

$('.ui.form').submit(function() {
  $.ajax({
    type: "POST",
    url: "url/to/server.php",
    data: $(this).serialize(),
    success: function() {
      // callback code here
    },
  });
})
相关文章：