Пожалуйста помогите, никак разобраться не могу. Нужно на jQuery это всё сделать))
Есть форма состоящая из двух input:
input[name="password"] и input[name="confirm_password"]
И есть элементы с классами "length" и "match".
Нужно сделать так, что бы при вводе с клавиатуры делались проверки:
1) input[name="password"] >= 8 символов (если условие верно, то для "length" присвоить класс "done")
2) Два input'а равны между собой (если условие верно, то для "match" присвоить класс "done")
Ну как простой пример можете сделать так:
function countCharPass(val){
var leng = val.value.length;
if(leng >= 8){
$('.length').addClass('done');
console.log('length done');
}else{
$('.length').removeClass('done');
console.log('length error');
}
if($('input[name="password"]').val().trim() === $('input[name="confirm_password"]').val().trim() ){
$('.match').addClass('done');
console.log('match done');
} else{
$('.match').removeClass('done');
console.log('match error');
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p class="length"></p>
<p class="match"></p>
<input type="password" name="password" onkeyup="countCharPass(this)">
<input type="password" name="confirm_password" onkeyup="countCharPass(this)">
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники