Home/ Questions/Q 8552891
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T14:31:43+00:00

I have two form elements, a email and a password . The password element

  • 0

I have two form elements, a email and a password. The password element must only be shown if something has been entered in the email element. That is, only if email is not empty.

<input id="email" name="email" onblur="if (jQuery(&quot;#email&quot;).val() === &quot;&quot;) { jQuery(&quot;#password&quot;).hide(); } else { jQuery(&quot;#password&quot;).show(); }" onchange="if (jQuery(&quot;#email&quot;).val() === &quot;&quot;) { jQuery(&quot;#password&quot;).hide(); } else { jQuery(&quot;#password&quot;).show(); }" onfocus="if (jQuery(&quot;#email&quot;).val() === &quot;&quot;) { jQuery(&quot;#password&quot;).hide(); } else { jQuery(&quot;#password&quot;).show(); }" placeholder="Email" style="width:360px;height:28px;margin-bottom:0px;" type="text">

As you see I am handling three events:

  • onfocus: so that I react when the focus enters the email element
  • onblur: so that I react when the focus leaves the email element
  • onchange: so that I react when the email element changes

Actually, I only want to run the script whenever the email changes. I do not care about focus, but I am unable to handle a generic change event.

Besides, and this is my main problem, I am not able to react to the the event generated when the browser is auto-filling the form. Is there such an event? How can I handle it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Browser auto-filling occurs on initial page rendering. Have you tried checking the field in an “onReady” callback? Note that this event is only provided by higher level implementations like Jquery, not directly by the browser.

    Example of “ready” callback with jquery: (updated to reflect the comments)

    $(function() {
  setTimeout(function() {
    $("#email").trigger('change');
  }, 200);
});

    There is also an article explaining the “do it yourself way”: http://dustindiaz.com/smallest-domready-ever

    • 0