У меня есть форма с текстовым полем и двумя кнопками (Перва - отправляет сообщение, вторая - очищает текущий список). Пример работы показан по ссылке на jsfeedle. Форма отправляется, если я нажимаю на кнопку "Отправить", или когда нажимаю Enter, если нахожусь на поле ввода.
Я хочу проверять значение поля на непустоту. Сейчас если я нажимаю на Enter, то поле валидируется, но если нажимаю на кнопку - то нет. Как мне добавить валидацию и при нажатии на кнопку "Отправить", и при нажатии на Enter?
Спасибо!
P.S. Приведу ниже часть кода, так как система не дает отправлять ссылку без сопровождения кодом.
<form action="" method="post" id="chatbot-form">
<div class="input-group">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
<input required type="text" class="form-control" placeholder="Введи сообщение" name="messageText" id="messageText" autocomplete="off">
<div class="input-group-append" id="button-addon4">
<button class="btn btn-primary" type="button" id="chatbot-form-btn">Отправить</button>
<button class="btn btn-info" type="button" id="chatbot-form-btn-clear">Очистить</button>
</div>
</div>
</form>
type
наsubmit
и задатьinput
ам аттрибутrequired
. Наjs
прописатьform.onsubmit
ваш аякс и вконце обработчикаreturn false
чтобы форма не отправлялась не поajax
e