Walidacja pól formularza umieszczonego w Dialogu

Witam serdecznie! napotkałem dość skomplikowany problem z którym nie mogę sobie poradzić, od razu zaznaczam, że nie jestem specjalistą od js i ajax. Mianowicie korzystam z pluginu FullCalendar na którym uruchamia się event. zwany "dayClick". Po kliknięciu na kalendarz zostaje on wywołany gdzie uruchamia mi się "dialog" metoda Jquery, otwierające osobne okno. Do tego momentu wszystko wygląda tak:
Screen:

Kod odpowiedzialny za wywołanie eventu po nacisnieciu na polu kalendarza:

dayClick: function (date, allDay, jsEvent, view) {

                $(function () {                 
                    //----------------------------------------------DIALOG-----------------------------------------//
                    $(".dialog").dialog({ //Shows dialog
                        height: 210,
                        width: 400,
                        modal: true,
                        buttons: [
                            {
                                text: "Dodaj",
                                type: "submit",
                                click: function() {
                                    $.ajax({
                                        url: "/Recepcjonista/AddEvent/",                   //
                                        //timeout: 30000,
                                        type: "POST",
                                        data: JSON.stringify(data),
                                        dataType: 'json',
                                        contentType: "application/json",
                                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                                            alert("Wystąpił problem z przesłaniem danych, spróbuj ponownie za chwile: " + errorThrown)
                                        },
                                        success: function (data) {    
                                            $(this).dialog("close");
                                        }

                                    });
                                }
                            },
                            {
                                text: "Zamknij",
                                click: function() {
                                    $( this ).dialog( "close" );
                                }
                            },
                            ]
                    });
                });                            
            },

<form name="myForm" class="dialog" style="display:none;">
        <label for="spinner">Ustaw godzine pracy lekarza:</label><br />
        <label>Od:</label><input type="text" class="timepicker" name="timeFrom" required="required"/><br />
        <label>Do:</label><input type="text" class="timepicker2" name="timeTo" required="required" />
        <input id="sub" type="submit" value="Dodaj" style="background: #F6A828; border: 1px solid #E78F08; color:#fff;" hidden="hidden" />
        <div id="cos">ss</div>
     </form>

Chciałbym, aby po naciśnięcia "Dodaj" w przypadku pustych pól zadziałała walidacja formularza. Czy jest to możliwe nie pisząc własnej walidacji?

Gooooooooooooooooooooooooogleeeeeeeeeee

http://stackoverflow.com/questions/14364896/jquery-execute-native-browser-validation

A czy mógłby mi ktoś wyjaśnić dlaczego nie działa metoda .valid na formularzu??

click: function() {
                        if($(""d-form").valid())
                        {
                                    $.ajax({
                                        url: "/Recepcjonista/AddEvent/",                   //
                                        //timeout: 30000,
                                        type: "POST",
                                        data: JSON.stringify(data),
                                        dataType: 'json',
                                        contentType: "application/json",
                                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                                            alert("Wystąpił problem z przesłaniem danych, spróbuj ponownie za chwile: " + errorThrown)
                                        },
                                        success: function (data) {    
                                            $(this).dialog("close");
                                        }
 
                                    });
                       }
  }

<form id="d-form" name="myForm" class="dialog" style="display:none;">
        <label for="spinner">Ustaw godzine pracy lekarza:</label><br />
        <label>Od:</label><input type="text" value="" class="timepicker" name="timeFrom" required="required" /><br />
        <label>Do:</label><input type="text" value="" class="timepicker2"  name="timeTo" required="required" />
    </form>

a co to za metoda i jaka biblioteka jej dostarcza?

pomijam, że masz błąd składniowy w kodzie