Форма E-mail и “защита от дураков”
256
26 января 2017, 01:20
Доброго времени суток!
есть такая форма ввода и проверки e-mail
<body>
<form>
<p>Email: <input type="email" name="email" required></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
при нажатии на Enter форма показывает что заполнено не правильно и проверяет есть ли символ @
есть такая кнопка открытие модального окна
<label class="btn" for="modal-2">Перейти к оплате</label>
задача: связать кнопку с формой e-mail что бы был такой же эффект как при нажатии Enter ну если все правильно кнопка переходила к модальному окну
Answer 1
$('.btn').click(function(){
var myForm = $('#myForm');
if (myForm[0].checkValidity()) {
alert("Я - модальное окно"); //тут должен быть ваш вызов модального окна
} else {
myForm[0].reportValidity();
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<form id="myForm">
<p>Email: <input type="email" name="email" required></p>
<p><input type="submit" value="Отправить"></p>
<label class="btn" for="modal-2">Перейти к оплате</label>
</form>
</body>
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50027 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31914 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25985 visits
- Как через css изменить цвет png изображения? 11735 visits
- Blob video url download 11284 visits
- Php curl запрос через прокси с авторизацией 10685 visits
- Работа с captcha vk api 9483 visits
© "hostciti.net" 27.1.2026 | 02:55