مرسی از راهنماییتون ولی من فرمم رو با برنامه dreamweaver طراحی کردم و همونجا هم با امکانات اعتبار سنجی جاوااسکریپت خوده برنامه فرمم رو اعتبار سنجی کردم ,ولی این کد امنیتی رو با php نوشتم و اعتبار سنجی کردم حالا نمیدونم چطوری این دوتا رو به هم ربط بدم
<?php session_start();
if(isset($_POST['Submit'])){
// code for check server side validation
if(empty($_SESSION['captcha_code'] ) || strcasecmp($_SESSION['captcha_code'], $_POST['captcha_code']) != 0 ){
$msg= "<span style='color:#f7601d;font-size:14pt;font-family:yekan'>کد امنیتی صحیح نیست</span>";// Captcha verification is incorrect.
}else{// Captcha verification is Correct. Final Code Execute here!
$msg="<span style='color:green'>The Validation code has been matched.</span>";
}
}
?>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<link href="phpcaptcha/css/style.css" rel="stylesheet" type="text/css" />
<script type='text/javascript'>
function refreshCaptcha(){
var img = document.images['captchaimg'];
img.src = img.src.substring(0,img.src.lastIndexOf("?"))+"?rand="+Math.random()*1000;
}
</script>
</head>
<body>
<form dir="rtl" id="form1" name="form1" method="post" action="">
<table class="momtable" width="682" cellpadding="3" cellspacing="15" dir="rtl">
<tr>
<td width="322">عنوان آگهی:</td>
<td width="301"><span id="sprytextfield1">
<label for="onvan"></label>
<input type="text" name="onvan" id="onvan" maxlength="38 chars"/>
<span class="textfieldRequiredMsg">لطفا عنوان آگهی را وارد کنید.</span></span></td>
</tr>
<tr>
<td>متن آگهی:</td>
<td><span id="sprytextarea1">
<textarea name="txtName2" id="txtName2"></textarea>
<span class="textareaRequiredMsg">لطفا متن آگهی را وارد نمایید.</span><span class="textareaMaxCharsMsg">کاراکترها بیشتر از 500 حرف مجاز نیست.</span><span class="textareaMinCharsMsg">کاراکترهای کمتر از 30 حرف ،مجاز نیست.</span></span></td>
</tr>
<tr>
<td>نام شرکت:</td>
<td><input class="unrequired" type="text" name="txtFamily2" id="txtFamily2" maxlength="38 chars"/></td>
</tr>
<tr>
<td align="right">نام و نام خانوادگی:</td>
<td><input class="unrequired" type="text" name="txtFamily3" id="txtFamily3" maxlength="25 chars"/></td>
</tr>
<tr>
<td>شهر:</td>
<td><input type="text" name="textfield" id="textfield" maxlength="20 chars"/></td>
</tr>
<tr>
<td>آدرس:</td>
<td><label for="address"></label>
<span id="sprytextarea2">
<textarea name="address" id="address"></textarea>
<span class="textareaMaxCharsMsg">Exceeded maximum number of characters.</span></span></td>
</tr>
<tr>
<td>تلفن تماس:</td>
<td><label for="phon"></label>
<label for="phon"></label>
<span id="sprytextfield5">
<input type="text" name="phon" id="phon" />
<span class="textfieldRequiredMsg">لطفا شماره تماس خود
را وارد کنید.</span></span></td>
</tr>
<tr>
<td>موبایل:</td>
<td><span id="sprytextfield3">
<label for="mobile"></label>
<input type="text" name="mobile" id="mobile" />
<span class="textfieldRequiredMsg">لطفا شماره موبایل خود را واردکنید.</span><span class="textfieldInvalidFormatMsg">شماره موبایل صحیح نیست.</span></span></td>
</tr>
<tr>
<td>ایمیل:</td>
<td><span id="sprytextfield2">
<input type="text" name="textfield5" id="textfield5" value=""/>
<span class="textfieldRequiredMsg">لطفا نشانی ایمیل خود
را وارد کنید.</span><span class="textfieldInvalidFormatMsg">نشانی ایمیل نامعتبر است.</span></span></td>
</tr>
<tr>
<td height="44" colspan="2"><input class="resetbutton" name="btnreset" type="reset" value="بازنویسی" /></td>
</tr>
<tr>
<td height="377" colspan="2">
<table width="200" border="0" align="center" cellpadding="5" cellspacing="5" class="table">
<?php if(isset($msg)){?>
<tr>
<td colspan="2" align="center" valign="top"><?php echo $msg;?></td>
</tr>
<?php } ?>
<tr>
<td><a href='javascript: refreshCaptcha();'><img src="images/search_icon.png" width="24px" height="24px"/></a>
<img src="phpcaptcha/captcha.php?rand=<?php echo rand();?>" id='captchaimg'><br><br>
<label for='message' dir="rtl" class="lable_1">لطفا کد امنیتی را وارد کنید:</label>
<br>
<input style="width:180px;height:25px;font-size:12pt" maxlength="10" id="captcha_code" name="captcha_code" type="text">
<br>
</td>
</tr>
<tr>
<td><input style="width:185px;height:40px" name="Submit" type="submit" onclick="return validate();" value="ثبت" class="button1"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "email");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "phone_number");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {maxChars:500, minChars:30, useCharacterMasking:false});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextarea2 = new Spry.Widget.ValidationTextarea("sprytextarea2", {isRequired:false, maxChars:200});
</script>
</body>
</html>
اول از همه: لطف کنید کد HTML رو توی سایت داخل تگ HTML بذارید تا syntax-highlight بشه و راحت‌تر بشه خوندش.
کد PHP تون هم همه‌اش توی یه خط اومده بود و به هم ریخته بود.
۲ تا نکته اینجا وجود داره:
یکی این که captcha رو validate کنید، و دیگری این که بقیه‌ی field ها رو validate کنید.
برای validate کردن بقیه‌ی فیلدها، خوب هر جور که دوست دارید validate شون کنید (با یه تعداد if یا با روش‌های پیچیده‌تر، مثل استفاده از validator ها). در نهایت یا مقادیر فیلدها اوکی هست، یا نیست. اگه نیست، باید یه پیغام خطا به کاربر نشون بدید. اگه هست، باید کار رو ادامه بدید (مثلاً توی پایگاه داده درج کنید) و یه پیغام به کاربر بدید که اوکی شد.
اما برای captcha به صورت خاص، با توجه به روشی که توی کد بالا انتخاب کردید (استفاده از session برای نگهداری مقدار صحیح captcha)، توی بخشی که captcha رو می‌سازید (یعنی فایل phpcaptcha/captcha.php) باید مقدار صحیح captcha رو داخل session ذخیره کنید، و توی کد validation تون اون رو بررسی کنید (که این بخش کار توی کد بالا انجام شده).
فقط اشکالی که توی کد بالا می‌بینم اینه که msg رو هیچ کاری نکردید! یعنی مقدار msg توی کد php به دست اومده، و توی پایینی که HTML زدید ازش استفاده کردید. خوب یکی این که پایینی PHP به نظر می‌رسه نه HTML. و دوم این که این دو تا کدی که نوشتید، به نظر می‌رسه یه کد باشن. یعنی اون بخش PHP بالایی رو باید بالای بخش HTML پایینی توی همون فایل بذارید.
در نهایت یه اشکال امنیتی توی کدتون وجود داره: وقتی که فرم برای سرور فرستاده شد و مقدار captcha بررسی شد، از نظر امنیتی بهتره که مقدار درست captcha رو بلافاصله از داخل session پاک کنید:
unset($_SESSION['captcha_code']);