input Standard Tooltip ändern
Guten Morgen zusammen,
ich überlege schon die ganze Zeit, ob man die Standard Tooltips bei type URL anpassen kann?
Aktuell würde unter IE stehen: Geben Sie eine URL ein oder sowas in der Art.
Kann man diese Texte anpassen?
Dachte erst dass es überein data-Attribute funktioniert, aber da weiß Ich leider nicht welches davon verwendet wird.
Falls es möglich ist, gibt es davon Abhängigkeiten zum Browser-Typ oder ist das bei allen gleich?
Hierbei geht es um ein HTML5-Element.
Der hier verwendete Code
<form action="">
<input id="email" type="email" required="required" />
<input type="submit" id="btnSubmit" />
</form>
<script>
/**
* @author ComFreek
* @license MIT (c) 2013-2015 ComFreek <http://stackoverflow.com/users/603003/comfreek>
* Please retain this author and license notice!
*/
(function (exports) {
function valOrFunction(val, ctx, args) {
if (typeof val == "function") {
return val.apply(ctx, args);
} else {
return val;
}
}
function InvalidInputHelper(input, options) {
input.setCustomValidity(valOrFunction(options.defaultText, window, [input]));
function changeOrInput() {
if (input.value == "") {
input.setCustomValidity(valOrFunction(options.emptyText, window, [input]));
} else {
input.setCustomValidity("");
}
}
function invalid() {
if (input.value == "") {
input.setCustomValidity(valOrFunction(options.emptyText, window, [input]));
} else {
input.setCustomValidity(valOrFunction(options.invalidText, window, [input]));
}
}
input.addEventListener("change", changeOrInput);
input.addEventListener("input", changeOrInput);
input.addEventListener("invalid", invalid);
}
exports.InvalidInputHelper = InvalidInputHelper;
})(window);
InvalidInputHelper(document.getElementById("email"), {
defaultText: "Please enter an email address!",
emptyText: "Please enter an email address!",
invalidText: function (input) {
return 'The email address "' + input.value + '" is invalid!';
}
});
</script>