Zdarzenie wyzwalacza javascript podczas korzystania z automatycznego wypełniania przez Google firefox

Question

Mam formularz, w którym wyłączam przycisk przesyłania, dopóki użytkownik nie wpisze wszystkich wymaganych pól. Początkowo korzystałem z usługi onkeyup, aby zachować zakładkę w obowiązkowych polach i włączyć przycisk po wypełnieniu wszystkich obowiązkowych pól.

Ale miałem użytkowników narzekających, że wypełnili formularz za pomocą przycisku Autouzupełnianie na pasku narzędzi Google, a przycisk przesyłania nadal był wyłączony.

Rozwiązałem ten problem w IE, wywołując zdarzenie onpropertychange dla każdego elementu wejściowego i działało ładnie.

Jednak w firefox nie mogłem znaleźć zdarzenia, które zostanie wyzwolone po kliknięciu przycisku autouzupełniania google.

Pomoc doceniane.

Answer 1

Sądząc z tego google toolbar support thread, wydaje się, że autouzupełnianie jest nie tylko ogromną PITA dla programistów, ale także bardzo trudne do wyłączenia. Począwszy od 09 sierpnia Google twierdzi, że będzie honorować atrybut autocomplete="off" na zawierającej go form, ale od dzisiaj ta funkcja nie wydaje się jeszcze dostępna.

Kiedyś, aby móc wysłać swoje elementy wejściowe nazwy non-sensical (np name="xx_Address_32423423") mylić autouzupełnianie (a tym samym skutecznie wyłączyć), ale zrobili autofill bardziej „inteligentny”, patrząc na podciągi ciągu nazwy twoich elementów w celu ustalenia, czy pole może zostać wypełnione automatycznie, czy też nie (ponownie, sądząc po skargach w tym wątku).

W twoim przypadku możesz równie dobrze przetasować ciosami i znaleźć odpowiednik dla przeglądarki Firefox w wersji onpropertychange. Spójrz na DOMAttrModified event. Specifially, spróbuj sprawdzania event.attrName property aby sprawdzić, czy value został zmieniony przez Autouzupełnianiu:

function realOnChange(event) { 
    var attrName = event.propertyName || event.attrName; 
    if(attrName === 'value') { 
     // etc 
    } 
} 

Czek dla event.propertyName jest pozostanie w zgodzie z aktualnym onpropertychange realizacji (jeśli to w ogóle możliwe).

Answer 2

Dzięki za odpowiedzi. Musiałem szybko zareagować na ten problem, dlatego użyłem funkcji setTimeOut(), aby sprawdzić obowiązkowe pola i włączyć przycisk przesyłania.

$().ready(function() { 
    CheckRequiredFields(); 
    timeOutRtn = setTimeout("AutoMonitorMandatoryField()", "3000"); 
}); 

function AutoMonitorMandatoryField() { 
    if ($("#btnSave").attr("disabled")) { 
     CheckRequiredFields(); 
     timeOutRtn = setTimeout("AutoMonitorMandatoryField()", "3000"); 
    } 
} 

crescentfresh - będę patrzeć w przypadku DOMAttrModified i zobaczyć, czy mogę zmusić go do pracy dla me.thanks

Answer 3

Nie ma potrzeby, aby dodać kompleksowy setTimeout ani setInterval.

Wystarczy złapać „zmiana” przypadku jakiegokolwiek ponownego napełnienia tekstowym formularza, przejść przez każdej dziedzinie ponownego napełnienia, a jeśli to nie jest pusty ukryć etykietę