Question

I need away to know if all fields have a value and if they do, I want to activate the submit button.

I have looked at plugins but I don’t know which one I need/should use.

The form uses input, textbox and dropdown selects.

Answer 1

If you don’t want to use a plugin you could do something simple like this (note: I haven’t tested this):

/**
 * Checks to see if all of the values in a form are filled in.
 *
 * @param formId String the id of the form to check (without the #)
 * @return boolean True indicates all form fields are filled in
 */
function checkForm(formId){

  var isFormComplete = true;

  $('#' + formId).find('input,select,textarea').each(function(){
      var formValue = jQuery.trim($(this).val());

      if(!formValue){
          isFormComplete = false;
      }
  });

  return isFormComplete;
}

and then on some event (probably focus or blur) you call this function, and toggle the submit button based on the return value.