borrar los campos de formulario que esta en una ventana modal de jquery

[Montes28]

Hola amigos espero me ayuden

necesito limpiar los campors de un formulario que esta en una ventana modal de jquery

hasta el momento logro que el formulario se limpie cuando se envian los datos pero cuando le doy cancelar se cierra la venta modal y al volver a cargarla no se han borrado siguen los datos

Código Javascript:

function(start, end, allDay) {
            
         $("#dialog-form").dialog('open');
         $( "#dialog:ui-dialog" ).dialog( "destroy" );
         
          
                 
        $( "#dialog-form" ).dialog({
            autoOpen: false,
            height: 650,
            width: 700,
            modal: true,
            buttons: {
                "Crear Nuevo Evento": function() {
                        var arrayOpt = new Array;
              $('input[type=checkbox]').each(function() {
                        if ($(this).attr('name') == 'opcion[]') {
                            if ($(this).attr('checked') == 'checked') {
                                arrayOpt.push($(this).val());
                                
                            }
                        }
                    });
         $("#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();
                
                  
              
              $('#modal').each (function(){
              this.reset();
              });
                  
                  $.ajax({ 
                  url:'archivo.php',
                  type:'post',
                  data:'opciones='+arrayOpt+'&title='+titleq+'&start='+startq+'&end='+endq+'&allDay='+allDay,
                  }).done(function(data) {
                
                 $('#calendar').fullCalendar( 'refetchEvents' )
                
    
                  });
                    $( this ).dialog( "close" );
                                        
                    
                },
                
                
                Cancelar: function() {
                    $( this ).dialog( "close" );
                    
                    
                }
            },
            close: function() {
                allFields.val( "" ).removeClass( "ui-state-error" );
            }
        });
 
                
       },
 

[Nemutagk]

para comenzar no se el código de la función (metodo?) de reset(), ahora, deberías especificarle al navegador que se desactive el autocompletar para que este no rellene de nuevo los campos

[Montes28]

amigos ya logro que al darle cancelar se limpie el campo de texto me falta que se limpien los checkbox

les muestro mi codigo

Código Javascript:

select: function(start, end, allDay) {
            
         $("#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: 580,
            width: 850,
            modal: true,
            buttons: {
                "Crear Nuevo Evento": function() {
                
                var bValid = true;
                    allFields.removeClass( "ui-state-error" );
 
                    bValid = bValid && checkLength( title, "title", 3, 80 );
                    bValid = bValid && checkRegexp( title, /^[a-z]([0-9a-z_])+$/i, "Username may consist of a-z, 0-9, underscores, begin with a letter." );
                    
                        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();
                
                  
              
              /*$('#modal').each (function(){
              this.reset();
              });*/
                  if ( bValid ) {
                  $.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" );
                  }
                    //$( this ).dialog( "close" );
                                        
                    
                },
                
                
                Cancelar: function() {
                    $( this ).dialog( "close" );
                    
                    
                }
            },
            close: function() {
                allFields.val( "" ).removeClass( "ui-state-error" );
            }
        });
 
    
                    
                
                
       }
 

[Montes28]

hola amigos lo soluciones de la siguiente manera

en cancelar

Código Javascript:

Cancelar: function() {
                $('input:checkbox').removeAttr('checked');
                allFields.val( "" ).removeClass( "ui-state-error" );
                    $( this ).dialog( "close" );
 

y en close

Código Javascript:

close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
            $('input:checkbox').removeAttr('checked');
 

con esto lo solucione