تغییر خطای required

[pary_daryayi]

سلام . چطور میشه متن خطاهای html5 از قبیل required ,email و ... رو فارسی کرد ؟
من اینو نوشتم ، اما حتی اگر فیلد هم پر باشه ، باز میگه فیلد را پر کنید :


oninvalid="setCustomValidity('خطای شما ')"

[alireza_s_84]

سلام . چطور میشه متن خطاهای html5 از قبیل required ,email و ... رو فارسی کرد ؟
من اینو نوشتم ، اما حتی اگر فیلد هم پر باشه ، باز میگه فیلد را پر کنید :


oninvalid="setCustomValidity('خطای شما ')"


به شکل زیر عمل کنید:
<input type="password" name="user_password_new" pattern=".{6,}" required oninvalid="setCustomValidity('حداقل طول رمزعبور 6 کارکتر است.')"
oninput="setCustomValidity('')" />

[pary_daryayi]

ممنونم نتیجه داد .
فقط اگه بخوام این کد رو برام تمام فیلدهایی که قراره خالی رها نشوند ،تکرار نکنم بهترین حالت چیه ؟
من اینطور نوشتم اما فکر میکنم بهتر و خلاصه تر هم میشه نوشت :

html:





<input type="text" id="user_name" required="required" oninvalid="return chek('user_name')"
oninput="return chek2('user_name')" />

<input type="text" id="code" required="required" oninvalid="return chek('code')"
oninput="return chek2('code')"/>

جاوااسکریپت:


<script>
function chek(idname){
document.getElementById(idname).setCustomValidity( 'خانه را پر کنید');
}
function chek2(idname){
document.getElementById(idname).setCustomValidity( '');
}
</script>

[alireza_s_84]

html
<input type="text" id="user_name" required="required" oninvalid="return chek(this)" oninput="return chek2(this)" />
<input type="text" id="code" required="required" oninvalid="return chek(this)" oninput="return chek2(this)"/>




JavaScript


function chek(obj){
obj.setCustomValidity('خانه را پر کنید');
}
function chek2(obj){
obj.setCustomValidity('');
}

[pary_daryayi]

ممنون . یک سوال دیگه . چطور میشه هم خطای وارد کردن ایمیل رو استفاده کرد و هم خطای پر کردن .
یعنی توابع ما اینا باشه . اما چطور میشه از اینا همزمان استفاده کرد ؟


function chek(obj){
obj.setCustomValidity('خانه را پر کنید');
}
function chek2(obj){
obj.setCustomValidity('');
}


function chek_mail(obj){
obj.setCustomValidity('ایمیل را صحیح وارد کنید');
}
function chek_mail2(obj){
obj.setCustomValidity('');
}

[pary_daryayi]

و یک سوال دیگه فراموش کردم :

این کد روی selectbox ها به درستی جواب نمیده . با هر دو تابع امتحان کردم .
خطا رو فارسی نشون میده ولی خیلی درست کار نمیکنه . با اینکه خانه را پر میکنم باز خطای فارسی نشون میده که خانه را پر کنید . برای سلکت باکس ها چطور باید نوشت ؟

-------------------------
ویرایش :
جواب این قسمت رو پیدا کردم ، این میشه :


<select class="dropdownlist" required oninvalid="this.setCustomValidity('Please select Accused Name')" onchange="setCustomValidity('')">