Показывать пароль, когда вы вводите его на странице входа в "мой аккаунт"
Есть ли способ не показывать точки во время ввода пароля, а показывать буквы/цифры пароля?
Я хотел бы реализовать это на своей странице "Моя учетная запись" в woocommerce:
3 answers
Я бы категорически не согласился показывать пароль , когда пользователь вводит его . Вместо этого вы могли бы реализовать способ отображения статуса поля с помощью действия пользователя, такого как пользователь нажимает , чтобы показать пароль, или на наведите курсор . Причина в том, что пользователь принимает решение показать пароль. Кроме того, повысьте безопасность, так как, возможно, пользователи не одиноки, когда они вводят его
Вот некоторые примеры:
Код из herdiansc
//Place this plugin snippet into another file in your applicationb
(function ($) {
$.toggleShowPassword = function (options) {
var settings = $.extend({
field: "#password",
control: "#toggle_show_password",
}, options);
var control = $(settings.control);
var field = $(settings.field)
control.bind('click', function () {
if (control.is(':checked')) {
field.attr('type', 'text');
} else {
field.attr('type', 'password');
}
})
};
}(jQuery));
//Here how to call above plugin from everywhere in your application document body
$.toggleShowPassword({
field: '#test1',
control: '#test2'
});
И пользователь Барака Могилы
$('#show_password').hover(function functionName() {
//Change the attribute to text
$('#password').attr('type', 'text');
$('.glyphicon').removeClass('glyphicon-eye-open').addClass('glyphicon-eye-close');
}, function () {
//Change the attribute back to password
$('#password').attr('type', 'password');
$('.glyphicon').removeClass('glyphicon-eye-close').addClass('glyphicon-eye-open');
}
);
https://codepen.io/GBMahili/pen/pEvVZP
Лучший способ сделать это, не внося слишком много изменений в код, - использовать JavaScript (jQuery), который добавит возможность скрытия/отображения в существующее поле пароля.
Отличный бесплатный плагин jQuery для этого: hideshowpassword. В нем есть много способов настроить способ отображения пароля.
Переопределение путем копирования woocommerce/templates/myaccount/form-login.php. это для yourtheme/woocommerce/myaccount/form-login.php.
И измените атрибут поля пароля type="password" на type="text"
Надеюсь, это решит вашу проблему.