Chrome 'bitte mit der geforderten format" Validierung Nachricht

Ich bin Herumspielen mit HTML 5 Validierung und Lokalisierung und haben es geschafft, einige code arbeiten, die mir erlaubt, die Lokalisierung der HTML 5 Validierung Fehlermeldungen (siehe unten). Mein problem ist, dass in Chrome beim Abgleich gegen ein Muster, Sie bekommen immer noch ein pop-up in Englisch (oder ich denke, was auch immer Sprache, die Sie von Chrome einrichten in) "bitte mit der geforderten format'. Wie kann Sie unterdrücken dieses pop-up, so dass ich einfach meine eigenen Validierung von Nachrichten?

        $(document).ready(function () {

            var elementsInput = document.getElementsByTagName("input");
            var elementsTextArea = document.getElementsByTagName("textarea");

            for (var i = 0; i < elementsInput.length; i++) {
                elementsInput[i].oninvalid = function (e) {
                    e.target.setCustomValidity("");
                    if (!e.target.validity.valid) {

                        switch (e.target.name) {

                            case "Name":
                                if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                    e.target.setCustomValidity("Anna nimesi");
                                } else {
                                    e.target.setCustomValidity("Please enter a Name");
                                }
                                break;

                            case "EmailAddress":
                                if (e.target.validity.valueMissing) {
                                    if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                        e.target.setCustomValidity("Anna sähköpostiosoitteesi");
                                    } else {
                                        e.target.setCustomValidity("Please enter an Email Address");
                                    }
                                }
                                else if (e.target.validity.patternMismatch) {
                                    if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                        e.target.setCustomValidity("Virheellinen sähköpostiosoite");
                                    } else {
                                        e.target.setCustomValidity("Invalid Email Address");
                                    }
                                }
                                break;

                            case "PhoneNumber":
                                if (e.target.validity.valueMissing) {
                                    if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                        e.target.setCustomValidity("Anna puhelinnumerosi");
                                    } else {
                                        e.target.setCustomValidity("Please enter a Phone Number");
                                    }
                                }
                                else if (e.target.validity.patternMismatch) {
                                    if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                        e.target.setCustomValidity("Virheellinen puhelinnumero");
                                    } else {
                                        e.target.setCustomValidity("Invalid Phone Number");
                                    }
                                }
                                break;
                            }
                        }
                };
                    elementsInput[i].oninput = function (e) {
                        e.target.setCustomValidity("");
                    };
                }

            for (var j = 0; j < elementsTextArea.length; j++) {
                elementsTextArea[j].oninvalid = function (e) {
                    e.target.setCustomValidity("");
                    if (!e.target.validity.valid) {
                        switch (e.target.name) {
                            case "Details":
                                if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                    e.target.setCustomValidity("Täytäthän yksityiskohdat");
                                } else {
                                    e.target.setCustomValidity("Please enter Details");
                                }
                                break;
                        }
                    }
                };
                elementsTextArea[j].oninput = function (e) {
                    e.target.setCustomValidity("");
                };
            }
        });

InformationsquelleAutor user517406 | 2012-10-24
  1. 6

    Den Standard-browser Aktion ist die Anzeige eines popup-Meldung. Sollten Sie verwenden e.preventDefault(); um zu verhindern, aufspringen.

        $(document).ready(function () {

        var elementsInput = document.getElementsByTagName("input");
        var elementsTextArea = document.getElementsByTagName("textarea");

        for (var i = 0; i < elementsInput.length; i++) {
            elementsInput[i].oninvalid = function (e) {
                e.target.setCustomValidity("");
                if (!e.target.validity.valid) {

                    switch (e.target.name) {

                        case "Name":
                            e.preventDefault();
                            if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                e.target.setCustomValidity("Anna nimesi");
                            } else {
                                e.target.setCustomValidity("Please enter a Name");
                            }
                            break;

                        case "EmailAddress":
                            e.preventDefault();
                            if (e.target.validity.valueMissing) {
                                if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                    e.target.setCustomValidity("Anna sähköpostiosoitteesi");
                                } else {
                                    e.target.setCustomValidity("Please enter an Email Address");
                                }
                            }
                            else if (e.target.validity.patternMismatch) {
                                if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                    e.target.setCustomValidity("Virheellinen sähköpostiosoite");
                                } else {
                                    e.target.setCustomValidity("Invalid Email Address");
                                }
                            }
                            break;

                        case "PhoneNumber":
                            e.preventDefault();
                            if (e.target.validity.valueMissing) {
                                if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                    e.target.setCustomValidity("Anna puhelinnumerosi");
                                } else {
                                    e.target.setCustomValidity("Please enter a Phone Number");
                                }
                            }
                            else if (e.target.validity.patternMismatch) {
                                if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                    e.target.setCustomValidity("Virheellinen puhelinnumero");
                                } else {
                                    e.target.setCustomValidity("Invalid Phone Number");
                                }
                            }
                            break;
                        }
                    }
            };

            elementsInput[i].oninput = function (e) {
                e.target.setCustomValidity("");
            };
        }

        for (var j = 0; j < elementsTextArea.length; j++) {
            elementsTextArea[j].oninvalid = function (e) {
                e.target.setCustomValidity("");
                if (!e.target.validity.valid) {
                    switch (e.target.name) {
                        case "Details":
                            e.preventDefault();
                            if ("@Thread.CurrentThread.CurrentUICulture.Name.ToLower()" == "fi-fi") {
                                e.target.setCustomValidity("Täytäthän yksityiskohdat");
                            } else {
                                e.target.setCustomValidity("Please enter Details");
                            }
                            break;
                    }
                }
            };

            elementsTextArea[j].oninput = function (e) {
                e.target.setCustomValidity("");
            };
        }
    });

    Theoretisch können Sie wirklich die e.preventDefault() direkt nach if (!e.target.validity.valid) { aber ich bemerkte Sie nicht haben, um ein default: in Ihr Wechseln, also bin ich davon ausgegangen, Sie wollte es nicht gibt. In jedem Fall können Sie verwenden e.preventDefault() im inneren jedes einzelnen case: wo Sie es wollen, oder man kann es nach der if - Anweisung. Die jemals für Ihren Zweck besser.

    • Vielen Dank für die Ratschläge, aber dadurch wird verhindert, dass pop-ups, obwohl, so wo ich anrufen e.Ziel.setCustomValidity später in meinem javascript-es wird ignoriert.
    • vielleicht hilft: stackoverflow.com/questions/1164132/...
    • was ist die jQuery-version dieses?
    • Mit e.preventDefault(); auf jeder einzelnen Eingabe onInvalid Ereignis sollte nicht aufhören, alle popups auftreten. Die Lösung ist die Verwendung von e.preventDefault();, aber die Platzierung ist der Schlüssel... aber die Platzierung hängt alles davon ab, wo und warum Sie wollen, um zu verbergen das popup-Nachricht.
    InformationsquelleAutor Swivel
  2. 3

    Wenn Sie mit Ihrer eigenen überprüfung können Sie verhindern, dass alle integrierten HTML5-browser-Validierung durch setzen des novalidate-Attribut der form "novalidate" wie

    <form name='testForm' method='POST' action='#' novalidate="novalidate">

    Diese wird dem browser mitteilen, um zu verhindern, dass die Anwendung HTML5-auto-Validierung.

    • dies funktioniert für mich. Ich war so frustriert und konnte nicht finden, die Skripts oder code, das war das Problem verursacht. Aber dieses Stück code für mich gearbeitet.
    • Dies ist der richtige Weg
    InformationsquelleAutor Michael Angstadt
  3. 0

    Mit jQuery:

    $('input').on("invalid", function(e) {
    e.preventDefault();
});
    InformationsquelleAutor Luca Fagioli
  4. 0

    Gebäude aus @michael-angstadt Antwort. Sie können auch automatisch den novalidate - Attribut, um Ihre Formulare mit Hilfe dieses jQuery:

    $("form").attr('novalidate', 'novalidate');
    InformationsquelleAutor Dex
Schreibe einen Kommentar