how to submit form using jquery mobile?

How can I disable the submit button until all of the fields from the form are filled using javascript?

• The form has a textbox and 3 dropdownlists. These are their id names: '#name (textbox), #country, #type, #adult'. I inserted in the select of the form.. I want them to be able to pick the options which has a value and after all dropdownlists and textbox has a value the submit button will enable. I can't figure it out.

• Answer:

  Use jQuery. The code is something like this: $('#submit').click(function(){ if ($('#name').val() == "") invalidForm() ; if ($('#country').val() == "") invalidForm() ; if ($('#type').val() == "") invalidForm() ; if ($('#adult').val() == "") invalidForm() ; return true; }); function invalidForm() { alert('please fill in the form'); return false; }