Question

$('.ui.form').form({
    fields: {
       term: ['minLength[5]', 'empty']
    }
});

$.fn.api.settings.api = {
   'search': '_endpoint/check.php'
};

$('#form').api({
   action: 'search',
   method: 'POST',
   serializeForm: true,
   onComplete: function (response) {
      if (response.success == true) {
      }
       else {
       }

    }
});

如果我单击“提交”按钮提交表单，则没有问题。但是如果我使用Enter Key提交表单，表单验证和ajax请求一起工作。所以提交通过验证。

我该怎么办？

Answer 1

语义UI添加了自己的键盘快捷键，当您按Enter键时会提交表单，但是由于某种原因，此提交似乎绕过了验证机制。这实际上可能是一个错误，所以我urge you to report it。

也就是说，您可以在初始化表单时使用keyboardShortcuts: false禁用这些快捷方式：

$('.ui.form').form({
    keyboardShortcuts: false,
    fields: {
       term: ['minLength[5]', 'empty']
    }
});

在大多数浏览器中，按Enter键只会提交表单，因此这会产生与按下提交按钮相同的效果。

使用回车键

1 个答案: