如何防止提交按在Twitter的引导预输入插件进入(how prevent submit on pr

2019-08-03 04:01发布

我有一个输入的文本,我运用它预输入插件提示物品,但是当我按回车键输入文字键提交表单。

如何防止形式使用Twitter的引导预输入插件提交?

Answer 1:

您可以通过添加一个ID,并简单地移除keydown事件的输入,像这样针对特定输入:

JS

$(document).ready(function() {
  $('form input').keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});


Answer 2:

第一个答案没有使用由typehead创建的“另类”输入工作对我来说,更新预输入插件也许是因为,我却通过了问题:

$(".twitter-typeahead > input").focus(function(){
    //disable btn when focusing the input
    $("#my_submit_button").prop('disabled', true);
}).blur(function(){
    //enable btn when bluring the input
    $("#my_submit_button").prop('disabled', false);
});


Answer 3:

根据该文件 ,您可以设置选项confirmKeys比返回别的东西(13):

$('input').tagsinput({
   confirmKeys: [188, 32, 39],
});

然而,一个更聪明的方式去了解这是为了防止进入发送形式 。



Answer 4:

我发现解决这个最好的办法是不使用提交输入。 使用按钮输入来代替,并添加一些JS单击时提交表单。

$('#my_submit_button').click(function(){
    $(this).parents('form').submit();
});


Answer 5:

我用笨有同样的问题,在我的项目,引导在这里,我找到了解决办法和它的作品。

只需添加onsubmit="return false;" 在形式上,像这样:

<form id="frmcrud" method="post" onsubmit="return false;">


文章来源: how prevent submit on press enter in twitter bootstrap typeahead plugin