Walidacja pól formularza umieszczonego w Dialogu

Odpowiedz Nowy wątek
2015-01-04 21:01
Hyrus
0

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:
dialog.png

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?

edytowany 1x, ostatnio: dzek69, 2016-12-13 18:26

Pozostało 580 znaków

2015-01-04 22:00
0

Gooooooooooooooooooooooooogleeeeeeeeeee

http://stackoverflow.com/ques[...]ute-native-browser-validation


Pozostało 580 znaków

2015-01-04 23:28
Hyrus
0

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>

Pozostało 580 znaków

2015-01-05 10:48
0

a co to za metoda i jaka biblioteka jej dostarcza?

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


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0