Hi All,

I've begun delving into JS and have what is probably a very simple problem that is just completely doing my nut.

Im trying to use the JQuery email validation plugin, demo works here no problem:

http://0-host.net/testy.php

When trying to implement it into my form im not having any joy at all:

http://0-host.net/signup.php

I've noticed in there is no focus event listener showing in chrome devtools on the input element on my signup page whereas on the demo there is so im guessing for whatever reason this isnt being applied to the element.

There are workarounds however these plugins look very useful and would like to understand them for future use if possible. I tried stripping out all of the css currently in place to no avail too.

Any help is greatly appreciated!

Cheers

Sam

You're calling Jquery twice, 1st at the top of page then at the bottom.

Remove the top instance and move the validator plugin to the bottom (after Jquery).

What's happening is:

1. You load Jquery (top of page).
2. You're extending this Jquery with the plugin.
3. You're over writing the above with the second call to Jquery.

Thanks Wynn this was indeed the problem, moving the code down and the duplicate jquery include resolved the issue.

 

Cheers

 

Sam