Ликбез по JQuery/JavaScript

Вторник, 13 Октября 2020 г. 19:07 + в цитатник

JoeUser: Всем привет!

Начал немного заниматься JQuery/JavaScript, прошу немного помочь со стартом, помочь с нубскими вопросами.

Вопрос 1

У меня вырисовывается вот такой код:

$("#input-user").on('input',function(){

if ($(this).val().length > 0) {

$("#ico-user").removeClass("val-bad");

$("#ico-user").addClass("val-ok");

} else {

$("#ico-user").removeClass("val-ok");

$("#ico-user").addClass("val-bad");

}

console.log("Len User: "+ $(this).val().length);

});

$("#input-phone").on('input',function(){

let Res = $(this).val().match(/^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)])?([-]?[\s]?[0-9])+$/);

if (Res) {

$("#ico-phone").removeClass("val-bad");

$("#ico-phone").addClass("val-ok");

} else {

$("#ico-phone").removeClass("val-ok");

$("#ico-phone").addClass("val-bad");

}

console.log("Len Phone: "+ Res);

});

Как видно, пока таких "блоков" два, но нужно будет около 8-10. Безусловно могу тупо копипастить и править.
А как это можно сделать по фэн-шую, чтобы не плодить одинаковые конструкции? :-?

https://forum.sources.ru/index.php?showtopic=420018&view=findpost&p=3840325