PDA

View Full Version : مبتدی: کمک در ساخت فرم



handballchat
یک شنبه 10 آذر 1392, 18:30 عصر
سلام من یه فرم با html نوشتم که یه سری مشخصات رو از کاربر میگیر وبه ایمیل خودم ارسال میکنه میخواستم بدون چجوری با جاوا کپچا بسازم و خالی بودن فیلد ها رو بررسی کنم
لطفا به جای دیگه ارجا ندین بقیه رو خوندم ولی برام واضح نیست کد فرم:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
@font-face {
font-family: 'BKoodakBold';
src: url('http://fontonline.ir/fonts/BKoodakBold.eot?#') format('eot'),
url('http://fontonline.ir/fonts/BKoodakBold.ttf') format('truetype'),
url('http://fontonline.ir/fonts/BKoodakBold.woff') format('woff');
}

*{
font-family:BKoodakBold,'BKoodakBold',tahoma;
}

html,body{
padding:0px;
margin:0xp;
background:url(2E8693B0AF83_99.png) repeat;
direction:rtl;
}
h3{
font-size:20px;
color:#000;
margin-right:30px;
}
h2{
font-size:46px;
color:#fff;
margin-right:30px;
text-shadow:2px 2px #000;
transition:all linear 0.5s;
}
h2:hover{
text-shadow:5px 5px #000;
}
h1{
font-size:12px;
}
h4{
font-size:12px;
color:#C00;
}
#header{
width:100%;
height:200px;
margin-top:20px;
line-height:5px;
color:#fff;
padding-top:30px;
text-align:center;

}
#form{
margin:0 auto;
width:600px;
background:#fff;
border:dashed 1px #000;
border-radius:15px;
padding:10px;
}
</style>
</head>

<body>
<div id="header"><h2>مسجد امام الهادی</h2><h3>مرکز پاسخ گویی به سوالات شرعی </h3></div>
<div id="form">
<form method="post" action="send.php">
<h1>نام و نام خوانوادگی:</h1>
<input type="text" name="name" size="20" maxlength="20">
<h1>سن:</h1>
<input type="text" name="age" size="2" maxlength="2">
<h1>مرجع تقلید:</h1>
<input type="text" name="marja" size="20">
<h1>ایمیل شما:</h1>
<input type="email" name="email">
<h1>متن سوال:</h1>
<textarea cols="75" rows="10" name="matn"></textarea>
</form>
<h4>نوشتن سن و نام مرجع تقیلید به سبب سهولت در پاسخ گویی به سوالات شما برادران و خواهران است</h4>
<h4>نوشت شماره تماس یا ایمیل الزامی می باشد.</h4>
</div>

</body>
</html>

handballchat
چهارشنبه 13 آذر 1392, 14:46 عصر
کسی نیست جواب بده

Javidhb
چهارشنبه 13 آذر 1392, 16:30 عصر
1. captch رو اگه با جاوااسکریپت بسازی... هیچ کمکی به امنیت سایتت نکردی... یا از ReCaptcha استفاده کن یا با زبون سمت سرور بساز.

2. برای validate کردن فیلدها از پلاگینهای آماده استفاده کن: http://rickharrison.github.io/validate.js (http://rickharrison.github.io/validate.js/) یا سرچ کن ... تا دلت بخاد پلاگین هست برای اینکار.

اینم کدتون + تغییرات: (به هیچ وجه امنیت سایت رو فقط سمت کلاینت چک نکنید... فقط باید سمت سرور محکم کاری کنید)


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
@font-face {
font-family: 'BKoodakBold';
src: url('http://fontonline.ir/fonts/BKoodakBold.eot?#') format('eot'),
url('http://fontonline.ir/fonts/BKoodakBold.ttf') format('truetype'),
url('http://fontonline.ir/fonts/BKoodakBold.woff') format('woff');
}

*{
font-family:BKoodakBold,'BKoodakBold',tahoma;
}

html,body{
padding:0px;
margin:0xp;
background:url(2E8693B0AF83_99.png) repeat;
direction:rtl;
}
h3{
font-size:20px;
color:#000;
margin-right:30px;
}
h2{
font-size:46px;
color:#fff;
margin-right:30px;
text-shadow:2px 2px #000;
transition:all linear 0.5s;
}
h2:hover{
text-shadow:5px 5px #000;
}
h1{
font-size:12px;
}
h4{
font-size:12px;
color:#C00;
}
#header{
width:100%;
height:200px;
margin-top:20px;
line-height:5px;
color:#fff;
padding-top:30px;
text-align:center;

}
#form{
margin:0 auto;
width:600px;
background:#fff;
border:dashed 1px #000;
border-radius:15px;
padding:10px;
}
</style>
</head>

<body>
<div id="header"><h2>مسجد امام الهادی</h2><h3>مرکز پاسخ گویی به سوالات شرعی </h3></div>
<div id="form">
<form method="post" action="send.php">
<h1>نام و نام خوانوادگی:</h1>
<input class="security" type="text" name="name" size="20" maxlength="20">
<h1>سن:</h1>
<input class="security" type="text" name="age" size="2" maxlength="2">
<h1>مرجع تقلید:</h1>
<input class="security" type="text" name="marja" size="20">
<h1>ایمیل شما:</h1>
<input class="security" type="email" name="email">
<h1>متن سوال:</h1>
<textarea class="security" cols="75" rows="10" name="matn"></textarea>
<input id="submit" type="submit" name='submit'>
</form>
<h4>نوشتن سن و نام مرجع تقیلید به سبب سهولت در پاسخ گویی به سوالات شما برادران و خواهران است</h4>
<h4>نوشت شماره تماس یا ایمیل الزامی می باشد.</h4>
</div>

<script>
//گرفتن همه فیلدها
$fields = document.getElementsByClassName('security');

//وقتی فرم سابمیت شد فیلدها رو چک کنه
document.getElementById('submit').onclick = function(){

for(var i=0; i<$fields.length; i++)
{
$value = $fields[i].value || $fields[i].innerHTML; //مقدار فیلدها

//اگه خالی بود
if($value == 0 || $value == null)
{
alert('فیلد'+ $fields[i].name +'پر کنید');

return false; // جلوگیری از ارسال فرم
}
}
}
</script>
</body>
</html>

handballchat
چهارشنبه 13 آذر 1392, 21:18 عصر
واقعا دستت در نکنه فقط من اونقدر با php و زبان های سمت سرور آشنا نیستم فقط میخواستم اسپمر ها نتونن پیام ارسال کنند بازم ممنون