pary_daryayi

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

2 پست در این موضوع قرار دارد

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

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

post-1361-0-57030500-1377623664_thumb.pn

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

به اشتراک گذاری این پست


لینک به پست

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

برای این کار باید با کلاس کاذب :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

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری