jquery modal y validacion

[Montes28]

hola amigos del foro espero me puedan ayudar

me encuentro integrando a una aplicacion jquery modal pero he tenido inconvenientes en la parte de la validacion

este es el codigo hasta el momento no pasa por la validacion

Código Javascript:

$("#dialog-form").dialog('open');
         $( "#dialog:ui-dialog" ).dialog( "destroy" );
         var title = $( "#title" ),
         allFields = $( [] ).add( title ),
         tips = $( ".validateTips" ); 
                function updateTips( t ) {
            tips
                .text( t )
                .addClass( "ui-state-highlight" );
            setTimeout(function() {
                tips.removeClass( "ui-state-highlight", 1500 );
            }, 500 );
        }
 
        function checkLength( o, n, min, max ) {
            if ( o.val().length > max || o.val().length < min ) {
                o.addClass( "ui-state-error" );
                updateTips( "Length of " + n + " must be between " +
                    min + " and " + max + "." );
                return false;
            } else {
                return true;
            }
        }
 
        function checkRegexp( o, regexp, n ) {
            if ( !( regexp.test( o.val() ) ) ) {
                o.addClass( "ui-state-error" );
                updateTips( n );
                return false;
            } else {
                return true;
            }
        }
                 
        $( "#dialog-form" ).dialog({
            autoOpen: false,
            height: 550,
            width: 800,
            modal: true,
            buttons: {
                "Crear Nuevo Evento": function() {
                
                var bValid = true;
                    allFields.removeClass( "ui-state-error" );
 
                    bValid = bValid && checkLength( title, "title", 3, 16 );
                    
                        var arrayOpt = new Array;
              $('input[type=checkbox]').each(function() {
                        if ($(this).attr('name') == 'opcion[]') {
                            if ($(this).attr('checked') == 'checked') {
                                arrayOpt.push($(this).val());
                                
                            }
                        }
                    });
                //alert (arrayOpt);
         $("#start").val($.fullCalendar.formatDate(start, 'MM/dd/yyyy HH:mm:ss'));
         $("#end").val($.fullCalendar.formatDate(end, 'MM/dd/yyyy HH:mm:ss'));
         $("#allDay").val(allDay);
                
                var titleq = $("#title").val();
                var startq = $("#start").val();
                var endq = $("#end").val();
                var allDayq = $("#allDay").val();
                var nombre = $("#autor").val();
                
                  
              
                              $.ajax({ 
                  url:'archivo.php',
                  type:'post',
                  data:'opciones='+arrayOpt+'&title='+titleq+'&start='+startq+'&end='+endq+'&allDay='+allDay+'&nombre='+nombre,
                  }).done(function(data) {
                 //alert(titleq+" "+arrayOpt+" "+startq+" "+endq);
                 $('#calendar').fullCalendar( 'refetchEvents' )
                
    
                  });
                    $( this ).dialog( "close" );
                                        
                    
                },
                
                
                Cancelar: function() {
                    $( this ).dialog( "close" );
                    
                    
                }
            },
            close: function() {
                allFields.val( "" ).removeClass( "ui-state-error" );
            }
        });
 

pero si en esta parte del codigo quito esta line ($( this ).dialog( "close" );
)

Código Javascript:

$('#calendar').fullCalendar( 'refetchEvents' )
                
    
                  });
                    $( this ).dialog( "close" );
 

el formulario muestra los mensajes de validacion pero a la base de datos se envian los valores

Código HTML:

<div id="dialog-form" title="Crear Nuevo Evento">
<p class="validateTips">All form fields are required.</p>
<form id="modal">
        <label for="name">Evento</label>
        <input type="text" name="title" id="title" class="text ui-widget-content ui-corner-all" />
 

que estoy haciendo mal?

gracias