html5 iletişim formundaki gerekli alanda hata mesajının dilini değiştirme

Question

html5 form alanında hata mesajının dilini değiştirmeye çalışıyorum.

Bu kodu vardır: hatta alan boş değil, üzerinde

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

ama göndermek, hala hata mesajı alabilirsiniz.

Ben <input type="text" name="company_name" setCustomValidity('Lütfen işaretli yerleri doldurunuz') required />

ile çalıştı ama sonra ingilizce mesaj görüntülenir. Hata mesajını başka bir dilde nasıl görüntüleyebilirim?

Answer 1

setCustomValidity 'ın amacı değil

Selamlar, Zoran sadece doğrulama mesajı ayarlamak kendisini işaretleri alan geçersiz olarak için. Doğal olarak desteklenmeyen özel doğrulama kontrolleri yazmanıza olanak tanır.

Özel bir mesaj ayarlamanın iki yolu vardır; Javascript içermeyen ve bunu kolaylaştıran bir kolay yol.

En kolay yol, giriş öğesindeki title özniteliğini kullanmaktır - içeriği standart tarayıcı iletisiyle birlikte görüntülenir.

Yalnızca özel mesaj görüntülenecek istiyorsanız

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

, Javascript biraz gereklidir. this fiddle'da sizin için iki örnek verdim.

Answer 2

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; 
} 

Demo:

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

Answer 3

senin bu işte tek kodunu değiştirmek, oninvalid içinde this unutmak:

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>

Answer 4

Bu eski bir yazı olduğunu biliyorum ama benim deneyim paylaşmak istiyorum.

HTML:

JavaScript (jQuery):

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

Bu çok basit bir örnektir. Umarım bu herkes için yardımcı olabilir. Bu size hızlı, hatta daha iyi yardımcı olabilir

Answer 5

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

, & kolay uygun.