pary_daryayi

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

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

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

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

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

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

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


لینک به پست

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

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

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


لینک به پست

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

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

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

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


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

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

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


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