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

})

在Semantic-ui验证表单中添加onSubmit函数

1 个答案: