Basically for validation compatibility, you need to add:
1. A name attribute to ‘clone’ in createClone() – Required by validation on all form field. You can use something like: ‘name’:el.attr(‘name’)+’-[txt|pwd]
2. In $clone.keyup function add, for keyup event validation: $this.trigger(‘keyup’);
3. Finally, just before the set(); line, for blur event validation, add: $clone.blur(function() { $this.trigger(‘focusout’); });

This work find for me ;)

Michel

I installed this alongside the popular JQuery Validation plugin and now I get repeated validation errors on my password field, “required field” appears twice. Do you know why this could be? Would love to get it figured out.

Dan

You make a good point about unobtrusiveness. However, adding the checkbox in JavaScript means the design has to reside therein. A better solution would be to have the checkbox input have a class that hides it using a method that keeps screen readers from viewing it (you have to be careful about precisely how you go about this). When show-password is called on it, it would remove this class.

This should prove better for a general purpose application, at least.