Javascript - setzen Sie den Fokus nach der alert-Meldung

Ich bin tryng zu konzentrieren, auf das gleiche element, wenn die Validierung fehlschlägt. Hier mein HTML-code :

<input
id="potatoes" name="potatoes" value="" type="text" class="tooltip"
onblur="Validate('potatoes')" autocomplete='off'>

und hier ist mein javascript code :

function Validate(id) {
var errors = {
    potatoes : 'enter potatoes',
    hamburgers : 'enter'
};
if (document.getElementById(id).value === '') {
    if (id in errors) {
        alert(errors[id]);
         //setTimeout(function(){document.getElementById(id).focus();}, 1);
    }
}

}

Habe ich versucht, den Fokus mit .focus () - Methode, aber es funktioniert nicht. Ich habe gelesen, dass es möglicherweise abhängen, "onblur" in HTML, wenn ich rufe meine Funktion Validate(), also habe ich versucht es zu ändern aber nichts funktionierte bis jetzt.

InformationsquelleAutor Tiz | 2014-01-20
  1. 6

    Gibt es hier ein problem. Dieser code wird in der Schleife. Wenn 'focus' ausgelöst wird, wird die Funktion Validate erneut aufgerufen wird, zeigt ein anderes Alarm-dialog.

    Dass ein funktionierenden code

    HTML

    <input id="potatoes" name="potatoes" value="" type="text" class="tooltip" onblur="Validate(this)" autocomplete='off'>

    Javascript

    var validating = false; //<-- IMPORTANT
function Validate(element) {
var id = element.id;

var errors = {
    potatoes : 'enter potatoes',
    hamburgers : 'enter'
};
if (document.getElementById(id).value === '') {
    if (id in errors) {
            if(validating == false) {
                    validating = true
            alert(errors[id]);
            setTimeout(function(){
                document.getElementById(id).focus();
                validating = false;
            }, 1);
            }
    }
}
}

    In der html-ich bin vorbei diese, ich bin übergeben Sie das element und in der Validate-Funktion können Sie Zugriff auf die id nur zum telefonieren

    var id = element.id;

    Für das focus-problem (verursacht durch ein loop-problem) wie Sie sehen können ich bin mit einem Validierung variable, um zu wissen, Wann ist die überprüfung, wenn nicht. Diese lassen Überprüfen Funktion vermeidet zu gehen in der Schleife.
    Also:

    1) Definieren Sie eine Validierung var außerhalb die Validate-Funktion und legen Sie es auf false.

    2) Feuer der Fokus und alert nur, wenn Validierung falsch ist, und danach legen Sie es auf wahr

    InformationsquelleAutor Alvise Susmel
  2. 2

    Die javascript-Funktion alert(string) synchron ist. Das Skript angehalten wird, während der Benutzer reagiert auf die Nachricht alarmiert. Es gibt keine Notwendigkeit, etwas besonderes zu tun. Der folgende Code sollte funktionieren:

    alert(errors[id]);
document.getElementById(id).focus();

    Element bekam den Fokus direkt nachdem der Benutzer verfasst die Nachricht alarmiert.

    • alert(string) ist nicht asynchrone es synchron so-Skript wartet, bis der Alarm diaolog zu werden, geschlossen zu halten, auf
    • Nur falsch geschrieben... Danke
    • Konnte Sie erklären Sie bitte diesen codepen.io/anon/pen/derjYb?Redakteure=1111
    • Dieses Verhalten wird als 'Rekursion'. Es geschieht, weil Sie die Grenzen des onblur Veranstaltung. Dort rufen Sie die focus() Methode. Dies führt zu einer nie endenden Schleife.
    • Also, wie kann ich den Fokus nach alert? Und danke für die schnelle Antwort
    • Sie konzentrieren sich nach der Ausschreibung. Aber ich gehe davon aus, dass dies löst das onblur-Ereignis.
    • Ja, ich Stimme mit dir zu tun. Aber el.focus(); laufen sollte nur nach dem alert-Dialogfeld wird geschlossen. Also nach dem schließen der alert-box, wenn ich Klick auf dem Bildschirm(nicht im Textfeld), dann nur onblur bekommen sollten, genannt. Bin ich im Recht?
    • Haben Sie einen Blick auf dieser. Vielleicht ist dies das problem behebt. Ansonsten sollten Sie erklären Ihre Absicht 🙂

    InformationsquelleAutor WoIIe
Schreibe einen Kommentar