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

Рейтинг: 0Ответов: 1Опубликовано: 03.12.2014

Хочеться реализовать, но в JS не силен. Помогите. Суть задачи в том, что как только пользователь ввел неверный (проверочный) пароль, поле для ввода сразу засветилось красным цветом, и рядом вывелось сообщение о некоректном вводе?

javascript jquery
Источник: Stack Overflow на русском

Ответы

▲ 1
<script src="jquery.js"></script>
<script>
    $(document).ready(function() {
        $('#repPass').change(function() {
            var pass = $("#pass").val();
            var pass_rep = $("#repPass").val();

            if (pass != pass_rep) {
                $("#repPass").css('border', 'red 1px solid');
                $('#errorBlock').html('Пароли не совпадают');
            }
        });
    });
</script>
<div id="errorBlock"></div>

Введите пароль: <input type="password" id="pass" />. Повторите пароль: <input type="password" id="repPass" />.