Шаблон, pattern?

Question

Хорь Обыкновенный @XOPEK_32

Я хорек из Брянска

Шаблон, pattern?

Делаю, значит, страничку регистрации. Наткнулся на поле "Подтверждение пароля". Юзаю скрипт, получается сделать это поле. Вот скрипт:

function checkPP() {
                        if (document.getElementById('pass').value != document.getElementById('conf').value) {
                            alert ("Пароль и Подтверждение пароля не совпадают!")
                        }
                        else {
                            document.forms['forma'].submit();
                        }
                    }

pass - это первый раз введенный пароль, conf - второй раз, форма - все поля. Ну там фио, логин... Так вот. Если раньше в каждую строку input я вставил "required" и шаблон "pattern", то все шаблону и обязаловки слетели! То есть вылетает алерт, но если ничего во всех полях не написано (или написано не по шаблону) никакое уведомление типа "Заполните это поле" не вылетает!!! Как можно это исправить? Помогите плиз

Вопрос задан более трёх лет назад
95 просмотров

14 комментариев

Подписаться 2 Простой 14 комментариев

Хорь Обыкновенный @XOPEK_32 Автор вопроса

function checkPP() {
if (document.getElementById('pass').value != document.getElementById('conf').value) {
alert ("Пароль и Подтверждение пароля не совпадают!")
}
else {
document.forms['forma'].submit();
}
}

Написано более трёх лет назад
Хорь Обыкновенный @XOPEK_32 Автор вопроса

вот скрипт

Написано более трёх лет назад
Ivanq @Ivanq

checkPP где вызывается?

Написано более трёх лет назад
Хорь Обыкновенный @XOPEK_32 Автор вопроса

Ivanq, при нажатии на кнопку

Написано более трёх лет назад
Ivanq @Ivanq

XOPEK_32, Можете сделать небольшой fiddle или выложить HTML?

Написано более трёх лет назад
Хорь Обыкновенный @XOPEK_32 Автор вопроса

Регистрация

ФИО

E-mail

Пароль

Подтверждение пароля

Логин

Написано более трёх лет назад
Хорь Обыкновенный @XOPEK_32 Автор вопроса

Регистрация

ФИО

E-mail

Пароль

Подтверждение пароля

Логин

Написано более трёх лет назад
Хорь Обыкновенный @XOPEK_32 Автор вопроса

Как же вам отправить в виде кода?

Написано более трёх лет назад

Хорь Обыкновенный @XOPEK_32 Автор вопроса

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Регистрация</title>
    <meta charset="windows-1251"/>
    <link href="FOG.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<fieldset>
    <legend><font face="Century Gothic">Регистрация</font></legend>
    <form action="" method="post" class="contact" name = "forma">
        <div class="table">
            <div>
                <label class="fixedwidth"><font face="Century Gothic"><b>ФИО</b></font></label>
                <input required type="text"  name="contactname" pattern="[А-Яа-яЁё]{1,}\s[А-Яа-яЁё]{1,}\s[А-Яа-яЁё]{1,}" id="FIO" placeholder="Введите своё ФИО">
            </div>
            <div>
                <label for="email" class="fixedwidth"><font face="Century Gothic"><b>E-mail</b></font></label>
                <input required type="email" name="email" id="email" placeholder="Введите свой E-mail">
            </div>
            <div>
            <div>
                <label for="email" class="fixedwidth"><font face="Century Gothic"><b>Логин</b></font></label>
                <input required type="text" name="login" id="login" placeholder="Создайте Ваш логин">
            </div>
            <label class="fixedwidth"><font face="Century Gothic"><b>Пароль</b></font></label>
            <input required type="password" name="password" id="pass" placeholder="Создайте Ваш пароль">
        </div>
        <div>
            <script>
                function checkPP() {
                    if (document.getElementById('pass').value != document.getElementById('conf').value) {
                        alert ("Пароль и Подтверждение пароля не совпадают!")
                    }
                    else {
                        document.forms['forma'].submit();
                    }
                }
            </script>
            <label class="fixedwidth"><font face="Century Gothic"><b>Подтверждение пароля</b></font></label>
            <input required type="password" name="password2" id="conf" placeholder="Подтвердите пароль">
        </div>
        </div><!--Окончание раздела table-->
    </form>
    <div class="buttonarea">
        <input type="submit" value="Зарегистрироваться" onClick="checkPP()"/>
    </div>
</fieldset>
</body>
</html>

Написано более трёх лет назад

Хорь Обыкновенный @XOPEK_32 Автор вопроса

Ivanq, есть мысли?

Написано более трёх лет назад

Ivanq @Ivanq

XOPEK_32,

function checkPP() {
                    if (document.getElementById('pass').value != document.getElementById('conf').value) {
                        alert ("Пароль и Подтверждение пароля не совпадают!")
                    }
                    else {
                        document.forms['forma'].submit();
                    }
                }

->

function checkPP(e) {
                    if (document.getElementById('pass').value != document.getElementById('conf').value) {
                        alert ("Пароль и Подтверждение пароля не совпадают!")
                        e.preventDefault();
                    }
                }

onClick="checkPP()"
->
onclick="checkPP(event)"

Написано более трёх лет назад

Хорь Обыкновенный @XOPEK_32 Автор вопроса

Ivanq, если пароли разные, то выскакивает алерт, скрипт работает. Но если все по шаблонам и все правильно, когда я нажимаю на кнопку форма не отправляется, т. е. все имена, логины и пароли остаются на месте, а кнопка приобретает голубую каёмку.

Написано более трёх лет назад
Хорь Обыкновенный @XOPEK_32 Автор вопроса

кстати если ничего не заполнено так же кнопка приобретает каемку и ничего не отправляется, не выскакивает никакого оповещения типа "Заполните это поле"

Написано более трёх лет назад
Хорь Обыкновенный @XOPEK_32 Автор вопроса

спс заработало

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Похожие вопросы

JavaScript

Простой
Как записать в span какая кнопка выбрана?
- 1 подписчик
- 6 минут назад
- 3 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Как имитировать клик по кнопке в момент переключения табов?
- 1 подписчик
- час назад
- 19 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как сделать что таймер не сбрасывался а продолжал работать?
- 1 подписчик
- 3 часа назад
- 61 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как защитить данные через вкладку СЕТЬ?
- 1 подписчик
- 20 часов назад
- 147 просмотров
1

ответ
HTML

Простой
Почему meta charset="utf-8"/ работает только если сместить кавычку на meta «charset=utf-8»?
- 1 подписчик
- вчера
- 137 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как исправить торможение скролла jquery в framework Blazor WASM?
- 1 подписчик
- вчера
- 32 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как в Owl Carousel 2 задать отступ в rem?
- 1 подписчик
- вчера
- 30 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Какие советы помогут стать FullStack-developer?
- 1 подписчик
- вчера
- 340 просмотров
4

ответа
JavaScript

+2 ещё

Простой
Как сделать Date picker кастомный html/qjuery?
- 2 подписчика
- вчера
- 154 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как сделать, чтобы в фиксированном меню менялся цвет текста при скролле?
- 1 подписчик
- 01 дек.
- 90 просмотров
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Frontend-разработчик JavaScript

div. • Ставрополь

от 40 000 до 90 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

Доработка Android Open Source мессенджера Element/SchildiChat (Kotlin)

03 дек. 2024, в 19:56

50000 руб./за проект

Написать программу для процессора sharc adsp21060

03 дек. 2024, в 19:53

1500 руб./за проект

Ищем местного юриста или юридического специалиста для оформления согла

03 дек. 2024, в 19:43

10000 руб./за проект

function checkPP() {
if (document.getElementById('pass').value != document.getElementById('conf').value) {
alert ("Пароль и Подтверждение пароля не совпадают!")
}
else {
document.forms['forma'].submit();
}
}
XOPEK_32, Можете сделать небольшой fiddle или выложить HTML?
Регистрация

ФИО

E-mail

Пароль

Подтверждение пароля

Логин
<!DOCTYPE html> <html lang="en"> <head> <title>Регистрация</title> <meta charset="windows-1251"/> <link href="FOG.css" rel="stylesheet" type="text/css"/> </head> <body> <fieldset> <legend><font face="Century Gothic">Регистрация</font></legend> <form action="" method="post" class="contact" name = "forma"> <div class="table"> <div> <label class="fixedwidth"><font face="Century Gothic"><b>ФИО</b></font></label> <input required type="text" name="contactname" pattern="[А-Яа-яЁё]{1,}\s[А-Яа-яЁё]{1,}\s[А-Яа-яЁё]{1,}" id="FIO" placeholder="Введите своё ФИО"> </div> <div> <label for="email" class="fixedwidth"><font face="Century Gothic"><b>E-mail</b></font></label> <input required type="email" name="email" id="email" placeholder="Введите свой E-mail"> </div> <div> <div> <label for="email" class="fixedwidth"><font face="Century Gothic"><b>Логин</b></font></label> <input required type="text" name="login" id="login" placeholder="Создайте Ваш логин"> </div> <label class="fixedwidth"><font face="Century Gothic"><b>Пароль</b></font></label> <input required type="password" name="password" id="pass" placeholder="Создайте Ваш пароль"> </div> <div> <script> function checkPP() { if (document.getElementById('pass').value != document.getElementById('conf').value) { alert ("Пароль и Подтверждение пароля не совпадают!") } else { document.forms['forma'].submit(); } } </script> <label class="fixedwidth"><font face="Century Gothic"><b>Подтверждение пароля</b></font></label> <input required type="password" name="password2" id="conf" placeholder="Подтвердите пароль"> </div> </div> </form> <div class="buttonarea"> <input type="submit" value="Зарегистрироваться" onClick="checkPP()"/> </div> </fieldset> </body> </html>
XOPEK_32,

function checkPP() { if (document.getElementById('pass').value != document.getElementById('conf').value) { alert ("Пароль и Подтверждение пароля не совпадают!") } else { document.forms['forma'].submit(); } }

->
function checkPP(e) { if (document.getElementById('pass').value != document.getElementById('conf').value) { alert ("Пароль и Подтверждение пароля не совпадают!") e.preventDefault(); } }

onClick="checkPP()"
->
onclick="checkPP(event)"
Ivanq, если пароли разные, то выскакивает алерт, скрипт работает. Но если все по шаблонам и все правильно, когда я нажимаю на кнопку форма не отправляется, т. е. все имена, логины и пароли остаются на месте, а кнопка приобретает голубую каёмку.
кстати если ничего не заполнено так же кнопка приобретает каемку и ничего не отправляется, не выскакивает никакого оповещения типа "Заполните это поле"

Answer 1 · 2018-02-13 19:46:30

function checkPP() {
                    if (document.getElementById('pass').value != document.getElementById('conf').value) {
                        alert ("Пароль и Подтверждение пароля не совпадают!")
                    }
                    else {
                        document.forms['forma'].submit();
                    }
                }

->

function checkPP(e) {
                    if (document.getElementById('pass').value != document.getElementById('conf').value) {
                        alert ("Пароль и Подтверждение пароля не совпадают!")
                        e.preventDefault();
                    }
                }

onClick="checkPP()"
->
onclick="checkPP(event)"

Шаблон, pattern?

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

Минуточку внимания

Войдите на сайт