Изменение языка сообщения об ошибке в обязательном поле в форме контакта html5

Ответ 1

setCustomValidity Цель состоит не только в том, чтобы установить сообщение проверки, оно само помечает это поле как недопустимое. Он позволяет вам создавать специальные проверки проверки, которые не поддерживаются.

У вас есть два возможных способа установить настраиваемое сообщение, легкое, которое не включает Javascript и тот, который делает.

Самый простой способ - просто использовать атрибут title для элемента ввода - его содержимое отображается вместе со стандартным сообщением браузера.

<input type="text" required title="Lütfen işaretli yerleri doldurunuz" />

Если вы хотите отобразить только свое настраиваемое сообщение, потребуется немного Javascript. Я привел оба примера для вас в этой скрипке.

Ответ 2

Вы забыли this в oninvalid, измените свой код следующим образом:

    oninvalid="this.setCustomValidity('Lütfen işaretli yerleri doldurunuz')"

<form><input type="text" name="company_name"  oninvalid="this.setCustomValidity('Lütfen işaretli yerleri doldurunuz')" required /><input type="submit">
</form>

Ответ 3

HTML:

<form id="myform">
    <input id="email" oninvalid="InvalidMsg(this);" name="email" oninput="InvalidMsg(this);"  type="email" required="required" />
    <input type="submit" />
</form>

JAVASCRIPT:

function InvalidMsg(textbox) {
    if (textbox.value == '') {
        textbox.setCustomValidity('Lütfen işaretli yerleri doldurunuz');
    }
    else if (textbox.validity.typeMismatch){{
        textbox.setCustomValidity('please enter a valid email address');
    }
    else {
       textbox.setCustomValidity('');
    }
    return true;
}

Демо:

http://jsfiddle.net/patelriki13/Sqq8e/4

Ответ 4

Я знаю, что это старый пост, но я хочу поделиться своим опытом.

HTML:

<input type="text" placeholder="Username or E-Mail" required data-required-message="E-Mail or Username is Required!">

Javascript (jQuery):

$('input[required]').on('invalid', function() {
    this.setCustomValidity($(this).data("required-message"));
});

Это очень простой пример. Надеюсь, это может помочь кому угодно.

Ответ 5

//Dynamic custome validation on all fields
//add validate-msg attr to all inputs
//add this js code

$("form :input").each(function(){
                    var input = $(this);
                    var msg   = input.attr('validate-msg');
                    input.on('change invalid input', function(){
                        input[0].setCustomValidity('');
                        if(!(input[0].validity.tooLong || input[0].validity.tooShort)){
                            if (! input[0].validity.valid) {
                                input[0].setCustomValidity(msg);
                            }
                        }


                    });
                });

Ответ 6

<input type="text" id="inputName"  placeholder="Enter name"  required  oninvalid="this.setCustomValidity('Your Message')" oninput="this.setCustomValidity('') />

это может помочь вам еще лучше, быстрее, удобнее и проще.

Ответ 7

Это работа для меня.

<input oninvalid="this.setCustomValidity('custom text on invalid')" onchange="this.setCustomValidity('')" required>

обмен обязателен!

Ответ 8

<input type="text" id="inputName"  placeholder="Enter name"  required  oninvalid="this.setCustomValidity('Please Enter your first name')" >

это может помочь вам еще лучше, быстро, удобно и легко.