Подкорректировать форму отправки

[oleg126]

Доброго времени суток, подскажите пожалуйста, есть на сайте два поля и кнопка для отправки информации в телеграм. Как можно сделать так, что бы если поля пустые, то кнопка не срабатывала, или если это просто, то всплывало сообщение что поля не заполнены. В идеале, если бы была валидация, что в поле имя, можно было вводить только буквы, и в поле телефон цифры, 7 цифр. В скриптах я не разбираюсь, поэтому если есть какое готовое решение, буду благодарен.

Использовал для отправки формы это https://github.com/digitalBush/jquery.maskedinput

<form method="post" action="telegram_phone_form.php">
     <span class="phone_form_close" onclick="show('none')"></span>
     <label for="">Ваше имя:</label><br>
     <input type="text" class="phone_form_input" id="" name="user_name" placeholder="Иван"><br>
     <label for="">Ваш номер телефона:</label><br>
     <input type="text" class="phone_form_input" id="phone_form" name="user_phone" placeholder="+375 (29) 000 00 00"><br>
     <button type="submit" class="phone_form_button">Отправить</button>
</form>

 

 

[npofopr]

Ну дак и загуглите Форму отправки js php. 
Головых решений полно. 

[oleg126]

Так форма отправки уже есть, просто в ней наверное не реализована эта функция, и бывает что пользователи по ошибке нажимают отправить, и уходит пустое сообщение. Хотелось уже для данной формы добавить эту проверку.

 

Edited December 19, 2019 by oleg126

[npofopr]

jquery validation посмотрите. 

[Switch74]

https://developer.mozilla.org/ru/docs/Learn/HTML/Forms/Валидация_формы

[npofopr]

Можно кстати и просто на css :valid вродерить. 

Вот ещё, https://htmlacademy.ru/blog/useful/html/form-validation-techniques старенькое, но наверно всё правда.