Блог Чуденкова Алексея, заметки с тегом: ux

jQuery: иконка показать пароль в поле при вводе

Thu, 12 Mar 2020 17:27:24 +0300

$(this).toggleClass("help-eye help-eye-off");
  var input = $($(this).attr("toggle"));
  if (input.attr("type") == "password") {
    input.attr("type", "text");
  } else {
    input.attr("type", "password");
  }
});

jQuery: запретить вводить пробелы в E-Mail

Mon, 10 Feb 2020 14:05:01 +0300

Защита от дурака, который может скопировать и вставить почту с пробелами или хуже того ещё и написать её с пробелами.

$("#input_Id").change(function()
     $(this).val($(this).val().replace(/ +/g, ''))
});

JS: Определяем включён Caps Lock или нет

Wed, 15 Jan 2020 22:46:54 +0300

На W3C нашёл простой и отличный способ определения капса. Для чего? Всё для UI/UX! Особенно, если аудитория слегка деревянная. Итак, реализация:

var input = document.getElementById("myInput");
var text = document.getElementById("text");
input.addEventListener("keyup", function(event) {
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
});