Skip to content
Read For Learn
Read For Learn
  • Database
    • Oracle
    • SQL
  • C
  • C++
  • Java
  • Java Script
  • jQuery
  • PHP
Read For Learn
  • Database
    • Oracle
    • SQL
  • C
  • C++
  • Java
  • Java Script
  • jQuery
  • PHP

Show password while you are typing it on the “my account” login page

I would strongly disagree to show the password as the user typing it.
You could instead implement a way to show the status of the field with a user action like a user click to show password or on hover.
The reason is that the user makes the decision to show the password. Also, improve the security as maybe the users are not alone when they typing it

Some examples are:
enter image description here
Code from 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'
});

jsfiddle

And
user Baraka Mahili

$('#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');
                    }
                );

Related Posts:

  1. How to disable Woocommerce password recovery and use the default WordPress password reset page?
  2. WooCommerce changes lost password reset link
  3. WooCommerce lost password reset flow not working with SendGrid (redirect loop)
  4. Which hook should I use to capture $_POST(‘password’) via profile update and password reset
  5. Allow WooCommerce existing customers to checkout without being logged in [closed]
  6. WooCommerce: “account is already registered with your email address”
  7. Woocommerce password Reset
  8. Why is my WordPress login credentials missing, but work with WooCommerce?
  9. lost password link not working for my site
  10. password_reset doesnt work
  11. Clients with empty username are not receiving request new password email
  12. wordpress/woocommerce login url not redirecting correctly
  13. Show notice to user based on User Meta
  14. Change password notification email
  15. How to change lost password email text using custom plugin wordpress?
  16. Temporary access to page with URL sent to email
  17. Forgot password flow does not work, getting email with a link but after clicking link it’s not working
  18. Change wp-login.php? Problem with .htaccess password protection and multi user shop
  19. Users credentials and syncing from third party with WooCommerce
  20. If YITH Wishlist page is set to the WooCommerce my-account endpoint, the endpoints stop working all together. Any solution?
  21. Login page so wide [closed]
  22. Hide/show button for the password field in the Woocommerce My Account page
  23. How can I define a custom template for woocommerce [products] shortcode? [closed]
  24. Display Categories Assigned to a WooCommerce Product
  25. Get current WooCommerce endpoint not working
  26. Changing Woocommerce price display [closed]
  27. Which WooCommerce hook do I need to use to place the coupon field after the checkout sidebar
  28. WooCommerce Cart – Group Products By Category
  29. Set a default quantity input value for a variable product category in WooCommerce
  30. WooCommerce product sorting VERY slow
  31. WooCommerce change price in cart [closed]
  32. Categories not shown in admin after adding woocommerce products via wp wc cli
  33. Enabling autosave when plugin disabled
  34. WooCommerce email text based on category && shipping zone && payment method [closed]
  35. woocommerce – get_image_size() deprecated [closed]
  36. Problem with cURL and rest API
  37. Avada & WooCommerce Customization – Replacing product_title in woo-config.php [closed]
  38. WooCommerce template page for category
  39. Woocommerce PHP site that shows table with orders from specific category
  40. How to get the webshop page in 2:nd language, with Polylang and Hyyan
  41. Subcategories not working when using shared base with custom taxonomy
  42. WooCommerce Cart Total Table chronology order change [closed]
  43. Woocommerce Update Order Notes Date
  44. Shipping Method does not inherit settings from the class
  45. My woocommerce checkout page and woocommerce setting page are not responding [closed]
  46. Woocommerce Shortcode custom orderby not working
  47. Show only one variaton in catalog on meta key
  48. Woocommerce is_shop not on page slug? [closed]
  49. WooCommerce – Trigger Checkout Form Validation
  50. Debugging why featured images have stopped showing in WooCommerce on the homepage [closed]
  51. WooCommerce minimum order amount for specific country excluding local pickup [closed]
  52. woocommerce list product by id
  53. Woocommerce Login Redirect to old domain
  54. Show Content On below single product with specific category
  55. How to change a WooCommerce Subscription Deposit and Monthly Payment? [closed]
  56. how to scrolling image on single product page
  57. How to display WooCommerce product tag names on home and category pages
  58. Using the WordPress and WooCommerce REST APIs in the same Node app
  59. Next/Previous Product with custom order by price & products inside the product category [closed]
  60. Display list of only specific tags on product
  61. Change the “Register” headline in Woocommerce
  62. How to display customer mobile number in woocommerce customers page
  63. Get all categories inside a Product Tag archive page
  64. How to Add “parent category description” in Woocommerce sub category page if there is no description available for child category
  65. Woocommerce – Hide shipping at all, if only certain product or products with certain shipping class is in the cart
  66. Running JavaScript after using WooCommerce Filter Plugin
  67. Include stock information in WooCommerce order confirmation email
  68. Woocommerce get attributes
  69. Add custom field address_3 before city in user profile
  70. How to upload very large JPGs to Media Library for WooCommerce digital download prints
  71. use vendor address instead of store main address for shipping and taxes calculation
  72. where does $checkout in form-checkout.php woocommerce come from? [closed]
  73. Update WooCommerce stock status with SQL query if stock value is greater than 0
  74. How to find which last line executed in wordpress?
  75. How to trace errors in debug.log for WooCommerce 3.0?
  76. Auto set Woocommerce product ID as SKU on save
  77. WooCommerce – Hide price and add to cart button
  78. Send a different “thank you” email based on payment method
  79. Delete product image using WooCommerce API?
  80. Empty Cart on just mobile and Microsoft edge browser
  81. Possible to have multiple Authorize.net accounts on the same site?
  82. How to add a special Woocommerce “Buy Now” button?
  83. WP All import sale price 0 [closed]
  84. WooCommerce database upgrade behaviour
  85. How to neutralize a parent theme php template?
  86. creating number of database entries based on users numerical input
  87. Import download attachment from woocommerce product
  88. Duplicate post/product permalinks. (Link is temporary)
  89. Add an extra column to /my-account/subscriptions/ WooCommerce page
  90. Understanding WooCommerce Build-In Geolocation/ Geo_IP classes
  91. Same WooComerce shop for different WP sites?
  92. How to disable click thumbnail product on archives product [closed]
  93. Woocommerce 404 after chang default language
  94. When creating a new order (on the dashboard) how can I get the ID of the selected customer
  95. Setup WooCommerce to properly handle inventory with variable product?
  96. Why does have_comments return false but get_comments return array of commemts?
  97. WooCommerce: I Need to hide my page title/header (including menu) from all the WooCommerce related product pages, such as category and keyword pages
  98. How do I fix this “Uncaught ReferenceError: woodmartThemeModule is not defined”?
  99. How can I solve WordPress error “Cannot load product_attributes” and “Cannot load product-reviews”?
  100. how to refrence woocommerce blocks in code?
Categories woocommerce-offtopic Tags account, password, woocommerce-offtopic
The best way to display taxonomies
Select two value from meta key and post meta

Recommended Hostings

Cloudways: Realize Your Website's Potential With Flexible & Affordable Hosting. 24/7/365 Support, Managed Security, Automated Backups, and 24/7 Real-time Monitoring.

FastComet: Fast SSD Hosting, Free Migration, Hack-Free Security, 24/7 Super Fast Support, 45 Day Money Back Guarantee.

Recent Added Topics

  • Bug in translation system: load_theme_textdomain() returns true, files are available and accessible but the language defaults to english
  • Custom Elementor controls not appearing in the widget Advanced tab using injection hooks
  • Get the name of the template/*html file used
  • Trying to Add Paging to Single Post Page
  • Sharing media files between live and staging servers
  • How to display the description of a custom post type in the dashboard?
  • Critical error on image display
  • Copying WP data and files into new install?
  • How to determine the DirectAdmin WordPress backup date?
  • How to get list of ALL tables in the database?
© 2026 Read For Learn
  • Database
    • Oracle
    • SQL
  • algorithm
  • asp.net
  • assembly
  • binary
  • c#
  • Git
  • hex
  • HTML
  • iOS
  • language angnostic
  • math
  • matlab
  • Tips & Trick
  • Tools
  • windows
  • C
  • C++
  • Java
  • javascript
  • Python
  • R
  • Java Script
  • jQuery
  • PHP
  • WordPress