Question

I’m trying to add some validation to some form fields in a jQuery Mobile site I’m building with a PHP back end.

I’ve done this in the past successfully using the jquery.validate plugin but I’m having trouble getting this to work with jQuery Mobile.

The validation is working in this jsFiddle page:

http://jsfiddle.net/GeX5C/5/

but I’m having trouble getting it to fire when I click the submit button from the hosted PHP page. From what I’ve read I can’t use the usual:

$(document).ready(function(){

approach but not sure what to replace this with?

Would really appreciate any assistance here.

Thanks

Answer 1

FYI this is js code that works for the form validation:

$('#id-for-the-page-element').live( 'pageinit',function(event){ 
  $('#id-for-the-form').validate(options);
});

Hope this helps someone else.