I am adding the capability of dynamically validating password policies(showing appropriate images) and displaying

a password strength meter as the user is typing a password in the new password field by incorporating HTML/Javascript

code in the form.

my problem is that i want to keep the "change password" button disabled as long as the pwd strength is 'Too Short'

or 'Weak' or 'Medium' and enable it only when the strength is 'Strongest'. this should happen dynamically as the user

is typing the pwd as the validation also happens dynamically using a Javascript field in the form

i can enable or disable the button based on the strength but need to refresh the page by unchecking the resource for

which changing the password.  the code for the button 'Change Password' is as below

<Field name=':variables.formButton' button='true'>
  <Display class='Button'>
    <Property name='onClick' value='setPassValue();'/>
    <Property name='label' value='UI_USERFORM_COMMON_PWDSYNC58'/>
    <Property name='value' value='Change Password'/>
  </Display>
  <Disable>
    <lt>
      <ref>pwdscore</ref>
      <i>3</i>
    </lt>
  </Disable>
</Field>

setPassValue() method is used to assign the password value in the javascript to validate pwd to a field in the userform

please advise