Thank you Eric for your detailed and prompt reply.
I have carried out the instructions freely well to a point where I'm a little unsure about which option to take. I am specifically referring to the bottom text instructions just below the last "then remove the onblur event from the element."
I have the new CSS Form Builder extension installed and would prefer using the extension to carry out the changes I require. Just briefly reading the "modifying an existing form..." It instructs to first prepare your form by removing the server validations and all " validation show if behaviours " before using the extension. This means that I would probably have to re-configure the required validation from scratch. Is this safe?
The last paragraph referring removing the spry validations from selecting the former element is somewhat unclear for me. Please elaborate with an example of the spry script code.
Your assistance and additional suggestions is highly appreciated. Thank you.