PDA

View Full Version : سوال: پردازش ورودی پیش از ارسال به سرور



omid_safari
سه شنبه 28 دی 1389, 20:29 عصر
سلام دوستان

چطور میشه پس از فشردن دکمه submit قبل از ارسال داده ها صحت داده ها رو چک کرد و اگه لازم بود جلوی ارسال رو گرفت؟
مثلا اگر محتویات تکست باکس عدد بود ارسال بشه و گرنه منتظر اصلاح داده ها بمونه.

با تشکر

mohsen6500
سه شنبه 28 دی 1389, 21:29 عصر
سلام این یه نمونه چک کردن با جاوا اسکریپت هست که البته این واسه چک کردن نام کاربری و رمز عبور کاربر هست
و شما براحتی میتوانید آنرا دست کاری کنید و برنامه مورد نظرتون رو بنویسید


<script language="javascript">
function username$pass() {

//Initialise variables
var errorMsg = "";

//Check for a Username
if ((document.login.tfuser.value == "")||(document.login.tfuser.value.length <4 || (document.login.tfuser.value.length >20))) {
errorMsg += "\n\n\!نام کاربری شما اشتباه است ";
}
//Check for an Password
if ((document.login.tfpass.value == "")||(document.login.tfpass.value.length <6||(document.login.tfpass.value.length >12))) {
errorMsg += "\n\n\t!رمزعبور شما اشتباه است";
}
//If there is aproblem with the form then display an error
if (errorMsg != ""){
msg = "\t\t : لطفا فرم ورود را بطور کامل پر نماييد\n";
msg += "__________________________________________________ _";

errorMsg += alert(msg + errorMsg + "\n________________________________________________ ___\n\n");
return false;
}

return true;
}
// -->
/*______________END_____________*/
</script>

<form id="login" name="login" method="post" action="" onsubmit="return username$pass();">
<table width="279" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="110"><div align="right" class="style1">
<div align="left">نام کاربری :</div>
</div></td>
<td width="169"><input name="tfuser" type="text" class="txtfild" id="tfuser" size="20" maxlength="25" /></td>
</tr>
<tr>
<td class="style1"><div align="left">رمز عبور :</div></td>
<td><input name="tfpass" type="password" class="txtfild" id="tfpass" size="15" maxlength="15" /></td>
</tr>
<tr>
<td><div align="left">
<input name="button" type="submit" class="OK_btn" id="button" value="ورود" />
</div></td>
<td><input name="button2" type="reset" class="Reset_btn" id="button2" value="مجدد" /></td>
</tr>
</table>
</form>