При вводе ключа форма отправляется
Я использую такие теги ввода начальной загрузки
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>
...
Я взял пример из этого поста Ввод тегов начальной загрузки не отображает теги
Проблема в том, что я набираю значение и нажимаю клавишу ВВОД, чтобы отправить его во входную форму, которая была отправлена.
У меня есть кнопка, которая отправляет форму, то, что я хочу, это: когда пользователь вставляет значение во ввод, теги ввода принимают его как значение
Любой ценный пример будет хорош
лучше напишите демо, используя jsfiddle.net, чтобы воспроизвести вашу проблему.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете отключить клавишу ввода в тегах ввода следующим образом
$(function() {
$("input").keydown(function(event) {
if (event.keyCode == 13) {
event.preventDefault();
}
});
});
поместите это в свой тег скрипта
Удалите col-sm-12 из входного класса, вам это не нужно.
Также обратите внимание, что вы не можете использовать клавишу ввода в текстовом поле для новой строки (input type = 'text' - однострочный по дизайну), для многострочного текста вам необходимо использовать textarea
дело в том, что значение не отображается, не знаю почему?!?
Вы имеете в виду, что если вы вводите любую букву, она не отображается в поле ввода?
Вы не хотите отправлять форму? или ты хочешь заняться чем-нибудь другим?