ورود

View Full Version : بررسی پر بودن فیلد های متعدد


funpatogh
شنبه 16 شهریور 1392, 00:20 صبح
سلام
من یک سری فیلد input دارم که کاربر مقادیرش رو پر میکنه که از بین این ها چندتاشون disable هستند من میخوام تا وقتی که کاربر همه فیلد ها رو پر نکرده نتونه فرم رو آژاکس بفرسته همین

خودم این شکل کار میکردم اما خوب نتیجه نداد انگار گیر و مشکل داره



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery_1.5.2.js"></script>
<SCRIPT type="text/javascript">
$(function() {

var ans = new Array();
ans['2']=0;
ans['8']=0;
ans['10']=0;

for(i=1; i<=15; i++){
if( ans[i] == 0 ){
document.getElementById(i).disabled=true;
}
}

$("#check").click(function(){


// این قسمت برای چک کردن گزاشتم
for(i=1; i<=15; i++){
if(document.getElementById(i).value == ''){
if( ans[i] == 0 )
continue;
alert('فیلد ها کامل پر نشده اند بعد از کامل شدن آنها را بررسي کنيد');
exit();
}
}






});


});

</SCRIPT>
</head>
<body dir="Rtl">

<input class="jadval" id="1" type="text" maxlength="1" />
<input class="jadval" id="2" type="text" maxlength="1" />
<input class="jadval" id="3" type="text" maxlength="1" />
<input class="jadval" id="4" type="text" maxlength="1" />
<input class="jadval" id="5" type="text" maxlength="1" />
<input class="jadval" id="6" type="text" maxlength="1" />
<input class="jadval" id="7" type="text" maxlength="1" />
<input class="jadval" id="8" type="text" maxlength="1" />
<input class="jadval" id="9" type="text" maxlength="1" />
<input class="jadval" id="10" type="text" maxlength="1" />
<input class="jadval" id="11" type="text" maxlength="1" />
<input class="jadval" id="12" type="text" maxlength="1" />
<input class="jadval" id="13" type="text" maxlength="1" />
<input class="jadval" id="14" type="text" maxlength="1" />
<input class="jadval" id="15" type="text" maxlength="1" /><br />
<input style="font-family:Tahoma; width:200px; font-size:12px; background-color:#666; color:#FFF;" type="button" id="check" value="بررسي جواب ها" /><br><br>
</body>
</html>
sinoser
شنبه 16 شهریور 1392, 00:34 صبح
اولا که دوست عزیز تعریف ای دی عناصر با شروع عددی غیر مجازه
دوما اینی که نوشتی عمش jQuery خالش javascript
یا همه javascript بنویس یا همه رو jQuery ادم هنگ می کنه

بعدشم این که کاری نداره
واستا کدشو بنویسم
sinoser
شنبه 16 شهریور 1392, 00:52 صبح
بیا داداش

$(document).ready(function(e) {
$('#input2,#input8,#input10').attr('disabled','dis abled"');

$("#check").click(function(){
if(
$(':text:not(#input2,#input8,#input10)').map(funct ion(index, element)
{return ($(this).val()== '') ? this:null;}).length)
{
alert('فیلد های خالی را پر کنید');
exit();
}
});
});




<input class="jadval" id="input1" type="text" maxlength="1" />
<input class="jadval" id="input2" type="text" maxlength="1"/>
<input class="jadval" id="input3" type="text" maxlength="1" />
<input class="jadval" id="input4" type="text" maxlength="1" />
<input class="jadval" id="input5" type="text" maxlength="1" />
<input class="jadval" id="input6" type="text" maxlength="1" />
<input class="jadval" id="input7" type="text" maxlength="1" />
<input class="jadval" id="input8" type="text" maxlength="1" />
<input class="jadval" id="input9" type="text" maxlength="1" />
<input class="jadval" id="input10" type="text" maxlength="1" />
<input class="jadval" id="input11" type="text" maxlength="1" />
<input class="jadval" id="input12" type="text" maxlength="1" />
<input class="jadval" id="input13" type="text" maxlength="1" />
<input class="jadval" id="input14" type="text" maxlength="1" />
<input class="jadval" id="input15" type="text" maxlength="1" /><br />
<input style="font-family:Tahoma; width:200px; font-size:12px; background-color:#666; color:#FFF;" type="button" id="check" value="بررسي جواب ها" /><br><br>


اینم بگم : می دونستم بدون دادن ای دی به فیلد ها هم می شه و استفاده از پلاگین ها بهتره !