Jquery and Dialog Validation

Question

I am having one hell of a time trying to get this to work, no javascript errors what so ever. Its just going right to the action. Here is the javascript I am using

$(function(){

      $("form[name=form1]").submit(function(){
          return $("#dialog").dialog({
              autoOpen:false,
              bgiframe: true,
              resizable: false,
              //height:auto,
              width:500,
              modal: true,
              overlay: {
                  backgroundColor: '#000',
                  opacity: 0.5
              },
              buttons: {
                  'I Agree': function() {
                      $(this).dialog('close');
                      return true;
                  },
                  'I Do Not Agree': function() {
                      $(this).dialog('close');
                      return false;
                  }
              }
          });     
    });         

});

Answer 1

The problem is that the dialog method you are calling returns immediately and the buttons functions are called asynchronously, when the buttons are clicked. I suggest that you attach a simple click event to your submit button. The click event will open the dialog and the 'I agree' function will submit the form.