Сравнение двух паролей

@n0kk · Регистрация: 31.12.2014

Author24 — интернет-сервис помощи студентам

Добрый день, сравниваю два инпута с паролем, написал вот такой код, так как начинаю только изучать js, думаю я тут накрутил, можно как нибудь в более удобный вид записать:

HTML5    
        
    Скопировано
1
2
<p class="txtpass">Изменить пароль:</p><input name='password' id='pass1'  class='edinfopass' type='password'><span id="validpass"></span>
<p class="txtpass">Повторите пароль:</p><input name='passwordtrue' id='pass2'    class='edinfopass' type='password'>

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$("#pass2").keyup(function(){
      var pas1 = $("#pass1").val();
       var pas2 = $("#pass2").val();
       if (pas1==pas2) {
                $("#validpass").text("yes");
       }
       else {
           $("#validpass").text("no");
       }
        if (pas2==''){
           $("#validpass").text("kuku");
       }  
        });
       $("#pass1").keyup(function(){
            var pas1 = $("#pass1").val();
       var pas2 = $("#pass2").val();
           if (pas1!=pas2) {
              $("#validpass").text("no");
           }
            else {
           $("#validpass").text("yes");
       }
       if (pas1==''){
           $("#validpass").text("kuku");
       }
  });

@Lazy_Den · 02.06.2015, 11:56

n0kk, я не вижу смысла от проверки по событию "keyup", т.к. пароль может вводиться копипастом одной мышью. Кроме того, сравнение вообще будет пропущено, если человек сразу нажмет кнопку "submit". Поэтому, сравнение вынесите в отдельную функцию и вызывайте её при событиях: input на полях пароля и событии submit формы. Должно получится что-то вроде этого:

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var passFields = $('.edinfopass'),
    validResult = $("#validpass");
passFields.on('input', comparingPasswords);
$('form').on('submit', comparingPasswords);
 
function comparingPasswords (e){
    var output = 'Ok',
        err = false,
        p1 = $.trim(passFields.eq(0).val()),
        p2 = $.trim(passFields.eq(1).val());
    if(p1 == '' || p2 == '') {
        output = 'Заполните поля!';
        err = true;
    } else {
        if(p1 != p2) {
            output = 'Проли не совпадают!';
            err = true;
        }
    }
    validResult.text(output);    
    if(err) e.preventDefault();
}

@n0kk · 02.06.2015, 20:06 **[ТС]**

Спасибо за помощь, очень помогли мне

Добавлено через 2 часа 43 минуты
Lazy_Den, Извините а как можно сделать тоже самое только, что бы заместо вывода текста выводилось изображение в блок в зависимости от результата сравнения

@Lazy_Den · 02.06.2015, 21:38

Сообщение от n0kk

что бы заместо вывода текста выводилось изображение в блок

Можно классы менять, в каждом из которых свое изображение бекграундом, а можно в заранее прописанном элементе <img> менять значение атрибута src. Смотрим пример.

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var passFields = $('.edinfopass'),
    validResult = $("#validpass img");
passFields.on('input', comparingPasswords);
$('form').on('submit', comparingPasswords);
var output = [
    ['http://icons.iconarchive.com/icons/tatice/cristal-intense/16/ok-icon.png', 'Гуд!'],
    ['http://png-4.findicons.com/files/icons/969/web_development_icons_3/16/attention.png', 'Все поля должны быть заполнены!'],
    ['https://cdn2.iconfinder.com/data/icons/splashyIcons/error_fuck.png', 'Пароли не совпадают!']
];
function comparingPasswords (e){
    var err = 0,
        p1 = $.trim(passFields.eq(0).val()),
        p2 = $.trim(passFields.eq(1).val());
    if(p1 === '' || p2 === '') {
        err = 1;
    } else {
        if(p1 != p2) err = 2;
    }
    validResult.attr({
        src : output[err][0],
        title : output[err][1]
    });    
    if(err) e.preventDefault();
}

Новые блоги и статьи Все статьи Все блоги /
Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .	Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .
TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .	Реализации таймеров в Unity GameUnited 09.04.2025 Время — важный ресурс любой игры. Разработка качественных игровых механик невозможна без грамотного управления временем, а таймеры выступают ключевым инструментом этого управления. Представьте себе. . .	Функции высшего порядка в JavaScript run.dev 09.04.2025 Функции высшего порядка представляют собой один из фундаментальных камней функционального программирования в JavaScript. По сути, это функции, которые либо принимают другие функции в качестве. . .	Flutter: Оптимизация производительности сложных UI mobDevWorks 09.04.2025 Когда речь идет о сложных интерфейсах, Flutter сталкивается с несколькими фундаментальными проблемами производительности. Одна из них — избыточная перерисовка (repainting), когда даже небольшие. . .

Сравнение двух паролей

Решение

Решение

@n0kk 0 / 0 / 2 Регистрация: 31.12.2014 Сообщений: 226
	02.06.2015, 20:06 [ТС]
	Спасибо за помощь, очень помогли мне Добавлено через 2 часа 43 минуты Lazy_Den, Извините а как можно сделать тоже самое только, что бы заместо вывода текста выводилось изображение в блок в зависимости от результата сравнения 0