Перейти к содержимому
Elena Markina
Главная
Кейсы
Учебные задания
О студии
Статьи о дизайне
Elena Markina
Меню навигации
Меню навигации
Главная
Кейсы
Учебные задания
О студии
Статьи о дизайне
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script> <form id="myform" action="" method="post" class="validate"> <div> <label for="name">Имя</label> <input type="text" id="name" name="name" class="required"> </div> <div> <label for="surname">Фамилия</label> <input type="text" id="surname" name="surname" class="required"> </div> <div> <label for="email">Email</label> <input type="text" id="email" name="email" class="required"> </div> <div> <label for="age">Возраст</label> <input type="text" id="age" name="age" class="required"> </div> <div> <label for="about">О себе</label> <input type="text" id="about" name="about"> </div> <div> <input type="submit" value="Отправить"> </div> </form>
jQuery(function ($) { $("#myform").validate({ rules: { name: 'required', surname: 'required', email: { required: true, email: true }, age: { required: true, digits: true } }, messages: { name: "Заполните имя", surname: "Заполните фамилию", email: { required: "Заполните email", email: "Введен некорректный email" }, age: { required: "Заполните возраст", digits: "Введено некорректное число" } } }); $("#myform").on('submit', function (event) { if ($(event.target).valid()) { alert('Поля заполнены корректно!'); } event.preventDefault(); }); });
Results:
Имя
Фамилия
Email
Возраст
О себе