Alternatives To Multiple A4J:Support Tags

[leesy]

Hi all,

I'm trying to implement a password strength meter on a password field.  As you type in your password, you are given the strength of what you have typed so far.  I originally had something like this:

{code}<h:inputSecret id="userPassword" value="#{changePasswordAction.plainTextPassword1}" required="true" valueChangeListener="#{changePasswordAction.checkPasswordStrength}">
  <a4j:support event="onkeydown" reRender="pwordstrength" ajaxSingle="true" />
</h:inputSecret>
<h:outputText id="pwordstrength" styleClass="pwordstrength #{changePasswordAction.passwordStrengthClass}" value="#{changePasswordAction.passwordStrength}" />{code}

Which works OK.  But one of the troubles is that if you paste in a password into that box, using your mouse, then the strength indicator isn't updated (as no key is pressed).  A quick look around on the internet and it appears I have three events I should ideally look for: onkeydown, onpaste & oninput.  If I try using this as three a4j:support tags, only the first fires.  So can anyone else suggest a way for me to be able to fire off a rerender on these three events?

[ppitonak]

Hi Lee,

would not onchange work for you?

Regards,

Palo

[leesy]

Hi Palo,

The trouble with onchange event is that it only fires when the input loses focus.  I'd preferably like to be able to show the password improving with strength as it's typed into the box.  It's sounding like I either get one (pasting updates strength) or the other (strength updating as I type).

Lee,

[mcmurdosound]

You could try and bind the "paste" event with jquery to the inputfield.

jQuery("#myinput").bind('paste', function(e){...});