HTML5 form validation in jQuery Mobile

See more:

jQuery

HTML5

Hello friends,
I have search page which has 8 textbox.

I have made used of HTML5 attributes like Required, Pattern to validate every textbox in page.

Since this HTML5 form validation happens only when submit is triggred for the form.

As I'm using jQuery mobile every call is made using jQuery AJAX.

Validation:

1. Atleast one textbox is non empty.
2. If multiple textbox is non empty, then check if it has min 3 characters in it.

Any idea how I can validate those fields?

Thanks in advance