При вводе ключа форма отправляется - PullRequest
0 голосов
/ 01 сентября 2018

Я использую теги ввода начальной загрузки, подобные этой

mypage.html

<form th:object="${field}" name="modal" method="post" th:action="@{/ajouterFieldEcran}">
 ...

 <div class="form-group row">
    <label for="name" class="col-sm-2 col-form-label">Name</label>
        <div class="col-sm-10">
        <input type="text" class="form-control col-sm-12" value=""
            data-role="tagsinput" id="tags">
                </div>
            </div>


 ... 

Я получаю пример из этого поста Ввод тегов начальной загрузки без отображения тегов

Проблема заключается в том, что я набираю значение и нажимаю клавишу ввода, чтобы отправить его в поле ввода.

1 Ответ

0 голосов
/ 01 сентября 2018

Вы можете отключить ввод ключа в тегах ввода, как это

$(function() {
 $("input").keydown(function(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
    }
 });
});

поместите это внутри тега скрипта

Удалите col-sm-12 из входного класса, вам это не нужно.

Также обратите внимание, что вы не можете использовать клавишу ввода в текстовом поле для новой строки (тип ввода = 'text' - это однострочный дизайн), для многострочного текста необходимо использовать textarea

...