Thread

Hi.

I’m using the jQuery validation plugin on a Safecracker form. I’m also using the EE Geotagger add-on.

Unfortunately, the validation plugin doesn’t work as expected in the form - after a few attempts, it will allow the form to be submitted with field validation errors. However, if I include ‘safecracker_head=“no”’ in my Safecracker tag, the validation plugin does it’s job and works as expected.

Including this is not an option though, as the Geotagger module requires the Safecracker head to work.

I notice that there are several WC3 HTML validation errors in the output Safecracker head code, and was wondering if something in there could be causing the jQuery validation plugin to choke, or if anyone had come across this issue before?

Many thanks.

Hi LightmakerUK,

Can you use jQuery.noConflict() with jquery validation.

and also put the validation script just after safecraker tag ends.

Hope this would help you.

Hi Bhashkar.

Thanks for the reply, but unfortunately this didn’t work - I’m not really sure why it would work though, as jQuery is the only library used - maybe I’m missing something? Also having scripts within the HTML is not really ideal.

If anyone else has any ideas, that would be great. If EE have any suggestions, they would also be greatly appreciated.

Thanks.

I copied the rendered Geotagger Safecracker head code and pasted this in my template - it seems that there is some conflict between this and the validation plugin causing the Validation plugin not to work correctly. So it’s not really an EE issue.

Hi,

yes, it’s not an EE issue. just do one thing, put you jquery validation code just after {/exp:safecraker} tag. it can be a trick.

Best Regards,
Bhashkar Yadav