تغییر متن خطا در html5

[pary_daryayi 181]

html5 یک قسمتی داره که خودش ورودی ها رو اعتبار سنجی میکنه مثلا اگر به فیلد ایمیل چیزه دیگری وارد بشه خطا مید حالا سوالم اینجاست که چطور میتونم متن این پیام رو عوض کنم.

تو عکس نشون دادم.

ویرایش شده شهریور 92 توسط pary_daryayi

[reazah 255]

من امتحان نکردم اما مطالعه کردم امیدوارم جواب بده

برای این کار باید با کلاس کاذب :required فیلد های ضروری را سبک دهی می کنیم

همچنین داده های صحیح :valid

داده های غلط :invalid

required را هم حتما به این شکل بنویسید aria-require=""true" بعد دوباره required هم بنویسید

برای اعتبار سنجی بهتره از پترن و جاوا اسکریپت استفاده کنید چون هنوز پترن در همه مرورگرها سازگار نیست

نکته بعدی

مرورگر های قدیمی با اکلاس کاذب :required سازگار نیستند

بهتره [require ] هم شخصی سازی کنید

برای تغییر متن باید از جاوا اسکریپت استفاده کنی

required oninvalid ="setCustomValidity("متن خطا ")" required aria-require=""true">

یکمی دقیق تر

<form>
<input type="email" oninput="check(this)"/>
</form>
<script>
function check(input){
if(input.valid){
	 input.setCustomValidity('');
} else {
	 input.setCustomValidity('silly duck');
}
}
</script>

نمونه

http://jsfiddle.net/XYgJH/

متن خطای شما====== silly duck

ویرایش شده شهریور 92 توسط reazah