PhP_Raz
@PhP_Raz
Web - developer

Как проверить данные из формы на клиентской стороне?

Здравствуйте!

Помогите пожалуйста новичку в JS с валидацией данных на клиентской стороне.
Нужно что бы в поля Ф.И.О. вводилось не меньше трех символов без цифр, только буквы, а в поле Ваш отзыв вводилось не меньше семи символов и что бы проверка происходила до нажатия на кнопку Отправить. Заранее благодарю.
Вот сама форма:
<form action="" method="post">
 
    <div class="form-group">
        <label for="firstname">Фамилия:</label>
        <input type="text" name="firstname" class="form-control" id="firstname" placeholder="Ваша фамилия" required>
    </div>
 
    <div class="form-group">
        <label for="name">Имя:</label>
        <input type="text" name="name" class="form-control" id="name" placeholder="Ваше имя" required></p>
    </div>
 
    <div class="form-group">
        <label for="lastname">Отчество:</label>
        <input type="text" name="lastname" class="form-control" id="lastname" placeholder="Ваше отчество" required>
    </div>
 
    <div class="form-group">
        <label for="comment">Ваш отзыв:</label>
        <textarea name="comment" cols="80" rows="10" class="form-control" id="comment" required></textarea>
        <br>
    </div>
 
    <div class="form-group">
        <input type="submit" value="Отправить" name="create_comm" class="btn btn-success pull-right">
    </div>
</form>
  • Вопрос задан
  • 90 просмотров
Пригласить эксперта
Ответы на вопрос 1
Не идеальное решение, но всё же https://jsbin.com/camotonosi/1/edit?html,js,output
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы