PDA

View Full Version : خطایابی در فرم با جاوا اسکریپت


masoud0455
شنبه 20 فروردین 1390, 19:21 عصر
من فرم زیر رو با دریم ویور درست کردم و می خواهم با استفاده از کد جاوا اسکریپت چک کنه .اگر فیلدی خالی بود پس از کلیک دکمه ارسال ارور بده .همه ی ارورها با هم باشه. مثلا شماره دانشجویی و نام وارد نشده.


<form action="../../../wamp/www/insert.php" method="get" name="form">
<table width="100%" border="0">
<tr>
<td width="94%" align="right"><label>
<input type="text" name="fname" id="textfield" align="right" />




</label></td>
<td width="6%" align="right">نام</td>
</tr>
<tr>
<td height="27" align="right"><input type="text" name="lname" id="textfield2" /></td>
<td align="right">نام خانوادگی</td>
</tr>
<tr>
<td align="right"><p>
<label>
<input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1" />
زن
</label>
<label>
<input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0" />
مرد
</label>
<br />
<br />

</p></td>
<td align="right">جنسیت</td>
</tr>
<tr>
<td align="right"><input type="text" name="number" id="textfield3" /></td>
<td align="right">نام پدر</td>
</tr>
<tr>
<td align="right"><select name="Mounth2" id="Mounth2" onchange="MM_jumpMenu('parent',this,0)">
<option>1340</option>

</select>
<select name="Mounth" id="Mounth" onchange="MM_jumpMenu('parent',this,0)">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>

</select>
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
</select></td>
<td align="right">تاریخ تولد</td>
</tr>
<tr>
<td height="29" align="right"><label>
<input type="text" name="textfield4" id="textfield4" />
</label></td>
<td align="right">محل تولد</td>
</tr>
<tr>
<td align="right"><label>
<input type="text" name="textfield" id="textfield5" />
</label></td>
<td align="right">شغل</td>
</tr>
<tr>
<td align="right"><label>
<textarea name="textarea" id="textarea" cols="45" rows="5" onkeypress="if(this.value==''){alert('خطا')}"> </textarea>
</label></td>
<td align="right">آدرس سکونت</td>
</tr>
<tr>
<td align="right"><label>
<input type="text" name="textfield3" onkeytype="if(this.value>1000000){this.value='';alert('اطلاعات درست وارد نشده') " id="textfield7" />
</label></td>
<td align="right">تلفن تماس</td>
</tr>
<tr>
<td align="right"><label>
<input type="text" name="textfield5" id="textfield8" />
</label></td>
<td align="right">پست الکترونیک</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="right">&nbsp;</td>
</tr>
<tr>
<td align="right" ><input type="submit" name="button" id="button" value="ثبت" /></td>
<td align="right">&nbsp;</td>
</tr>
<tr>

</tr>
</table>
hossin.esm
شنبه 20 فروردین 1390, 20:12 عصر
من این کار را برای نام و نام خانوادگی انجام دادم.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function check()
{
var txt='';
if(document.getElementById('textfield').value=='')
{
txt+=" نام ،";
}
if(document.getElementById('textfield2').value=='' )
{
txt+=" نام خانوادگی ،";
}


if(txt!="")
{

txt=" فیلد های "+txt+"را پر کنید ";
alert(txt);
return (false);
}
return (true);
}
</script>
</head>
<body>
<form action="../../../wamp/www/insert.php" method="get" name="form" onsubmit="return check()">
<table width="100%" border="0">
<tr>
<td width="94%" align="right"><label>
<input type="text" name="fname" id="textfield" align="right" />


</label></td>
<td width="6%" align="right">نام</td>
</tr>
<tr>
<td height="27" align="right"><input type="text" name="lname" id="textfield2" /></td>
<td align="right">نام خانوادگی</td>
</tr>
<tr>
<td align="right"><p>
<label>
<input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1" />
زن
</label>
<label>
<input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0" />
مرد
</label>
<br />
<br />
</p></td>
<td align="right">جنسیت</td>
</tr>
<tr>
<td align="right"><input type="text" name="number" id="textfield3" /></td>
<td align="right">نام پدر</td>
</tr>
<tr>
<td align="right"><select name="Mounth2" id="Mounth2" onchange="MM_jumpMenu('parent',this,0)">
<option>1340</option>
</select>
<select name="Mounth" id="Mounth" onchange="MM_jumpMenu('parent',this,0)">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
</select></td>
<td align="right">تاریخ تولد</td>
</tr>
<tr>
<td height="29" align="right"><label>
<input type="text" name="textfield4" id="textfield4" />
</label></td>
<td align="right">محل تولد</td>
</tr>
<tr>
<td align="right"><label>
<input type="text" name="textfield" id="textfield5" />
</label></td>
<td align="right">شغل</td>
</tr>
<tr>
<td align="right"><label>
<textarea name="textarea" id="textarea" cols="45" rows="5" onkeypress="if(this.value==''){alert('خطا')}"> </textarea>
</label></td>
<td align="right">آدرس سکونت</td>
</tr>
<tr>
<td align="right"><label>
<input type="text" name="textfield3" onkeytype="if(this.value>1000000){this.value='';al ert('اطلاعات درست وارد نشده') " id="textfield7" />
</label></td>
<td align="right">تلفن تماس</td>
</tr>
<tr>
<td align="right"><label>
<input type="text" name="textfield5" id="textfield8" />
</label></td>
<td align="right">پست الکترونیک</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="right">&nbsp;</td>
</tr>
<tr>
<td align="right" ><input type="submit" name="button" id="button" value="ثبت" /></td>
<td align="right">&nbsp;</td>
</tr>
<tr>
</tr>
</table>
</form>
</body>
</html>