Изменение языка сообщения об ошибке в обязательном поле в форме контакта html5
Я пытаюсь изменить язык сообщения об ошибке в поле формы html5.
У меня есть этот код:
<input type="text" name="company_name" oninvalid="setCustomValidity('Lütfen işaretli yerleri doldurunuz')" required />
но при отправке даже поле не пустое, я все равно получаю сообщение об ошибке.
Я пробовал с <input type="text" name="company_name" setCustomValidity('Lütfen işaretli yerleri doldurunuz') required />
но затем появится английское сообщение. Кто-нибудь знает, как я могу отобразить сообщение об ошибке на другом языке?
Привет, Зоран
Ответы
Ответ 1
setCustomValidity
Цель состоит не только в том, чтобы установить сообщение проверки, оно само помечает это поле как недопустимое. Он позволяет вам создавать специальные проверки проверки, которые не поддерживаются.
У вас есть два возможных способа установить настраиваемое сообщение, легкое, которое не включает Javascript и тот, который делает.
Самый простой способ - просто использовать атрибут title
для элемента ввода - его содержимое отображается вместе со стандартным сообщением браузера.
<input type="text" required title="Lütfen işaretli yerleri doldurunuz" />
![enter image description here]()
Если вы хотите отобразить только свое настраиваемое сообщение, потребуется немного 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')" >
это может помочь вам еще лучше, быстро, удобно и легко.