اسكريپت فرم تو ايميل  Form to email script

اين اسکریپت که یک فایل نوشته شده در زبان PHP می‌باشد، اطلاعات وارد شده در فیلدهای فرم را (‌ كه توسط كار بر پر شده است ) دریافت کرده و نام هر فیلد را به همراه اطلاعات وارد شده در آن به آدرس ایمیل مورد نظر ارسال می‌کند.
از اين اسكريپت كه بنام فرم تماس با ما معروف شده است استفاده هاي مختلفي مي شود. مثل:
-ارسال فرم ارتباط با ما به ايميل.
-ارسال فرم سفارش خريد و فروش محصول.
-ارسال پرسشنامه هاي تحقيقاتي.      و بطور كلي هر نوع فرمي كه اطلاعاتي را از كار بر دريافت مي كنيم و نياز به ارسال به ايميل داريم.

به همراه اين اسكريپت يك جاوا اسكريپت كنترل كننده فيلد هاي فرم نيز وجود دارد . و در صورتي كه كاربر فيلدي را پر نكرده باشد به او تذكر مي دهد و تا فيلد پر نشده باشد ، فرم به ايميل ارسال نمي شود.اين كار باعث جلوگيري از ارسال فرم هاي سفيد ( كه كاربران اشتباهآ و يا به منظور سرگرمي بر روي دگمه ارسال كليك مي كنند ) مي شود.

محاسن اين فايل:
فايل مورد نظر هر نوع فرمي را با هر تعداد فيلد به ايميل مربوطه ارسال مي كند و هيچگونه نيازي به تغيير اسكريپت، براي استفاده در به كارگيري فرم هاي مختلف ندارد. به زبان ساده تر آن كه، لازم نيست اسامي هر فيلدي را كه در فرم اضافه مي كنيد در اسكريپت وارد نماييد.

راهنماي استفاده از فايل post.php    (لطفآ قبل از هر كاري از فايل ها كپي بگيريد.)
براي استفاده از فايل post.php ابتدا حتما" بايد تغييراتي را در آن انجام دهيد و سپس آن را بر روي Host شخصي خود آپلود نماييد. لازم به ذكر است كه سرور شما بايد از زبان php پشتيباني كند كه معمولا" اين طور هم هست. همچنين شما مي توانيد اين فايل را روي سايت ديگري كه فضاي رايگان در اختيار شما قرار مي دهد و به شما اجازه چنين كاري را مي دهد آپلود نماييد.

روش انجام تغييرات در فايل post.php
ابتدافايل مذكور را در برنامه ي ويرايشگري مثل Notepad باز كنيد . براي اين كار برنامه Notepad را اجرا كنيد و از منوي File گزينه Open را انتخاب كرده و در پنجره باز شده در مقابل File of type گزينه All Files را انتخاب كرده و در كامپيوتر خود فايل post.php  را كه ذخيره كرده ايد جستجو كنيد و آن را انتخاب و سپس Open نماييد. و تغييراتي را به شرح زير در آن انجام دهيد و ذخيره نماييد.

(همچنين مي توانيد اين فايل را در برنامه فرانت پيچ Import كرده و تغييرات زير را در آن انجام داده و ذخيره نماييد.)

1- در مقابل address$ به جاي info@habib.ir آدرس ايميلي را بنويسيد كه مي خواهيد اطلاعات پرشده در فرم به آن ايميل ارسال شود. (دقت كنيد كه علائم كوتيشن و غيره تغيير نكند) .

2- در مقابل returnto$  بين دو علامت كوتيشن ، آدرس صفحه تشكر را كه كاربر بعد از كليك كردن بر روي دكمه ارسال آن را خواهد ديد بنويسيد. در اينجا بطور پيش فرض صفحه اي بنام thanks.htm نوشته شده است آن را پاك كرده و به جاي آن هر چه مورد نظرتان است بنويسيد. همچنين مي توانيد به جاي صفحه تشكر آدرس صفحه Home Page را نوشته و كاربر را پس از ارسال فرم به آن جا هدايت كنيد. ضمنا" اگر صفحه ي تشكر در پوشه اي به غير از پوشه اي كه فرم قرار دارد باشد، بايد آدرس كامل آن صفحه را بنويسيد.

3- در مقابل Subj$   بين دو علامت كوتيشن، موضوع يا عنوان نامه را كه به آدرس ايميل ارسال مي شود بنويسيد.هر كلمه اي مي تواند باشد و مهم نيست در اين جا بطور پيش فرض information  نوشته شده است آن را پاك كنيد و به جاي آن كلمه مورد نظر خود را بنويسيد.

به بقيه دستورات موجود در فايل كاري نداشته باشيد بخصوص اگر با HTML و PHP  آشنايي نداريد. تغييرات انجام شده را ذخيره كنيد.(از منوي  File گزينه Save را كليك كنيد.) و از برنامه خارج شويد. اكنون مي توانيد فايل مربوطه را آپلود نماييد.
 

روش ساخت فرم contact us (فرم دريافت اطلاعات از كاربر).
راه آسان تهيه يك فرم استفاده از برنامه Front Page مي باشد. در صورت آشنايي با اين برنامه ، از منوي Insert گزينه Form را انتخاب كنيد و در پنجره جديدي كه باز مي شود بر روي Form كليك كنيد. مشاهده مي كنيد كه يك كادر خط چين شامل دو دكمه Submit و Reset در صفحه تشكيل مي شود كه با Enter كردن ، دكمه ها به پايين رفته و فضايي را براي شما بوجود مي آورد در اين فضا شما مي توانيد هر نوع فيلدي را دو باره از گزينه Form وارد نماييد. ( مثل: Textbox-Checkbox-Option Button و غيره). بعد از آن از قسمت Normal پايين صفحه به قسمت  HTML  برويد و به دنبال كد <Form method="post" action="--WEBBOT-SELF> به گرديد.اين كد را با كد زير تعويض نماييد.

 <form method="POST" name="webform" action="post.php" onSubmit="return CheckForm();">

 همچنين دستور توضيحي خاكستري رنگ زير را يافته و پاك كنيد.


<!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

كار تمام شده و فرم شما آماده ارسال روي سرور مي باشد.
تذكر(1): اگر فايل php در پوشه ديگري به غير از پوشه اي باشد كه فرم در آن قرار دارد و يا بر روي سايتي ديگر باشد بايد آدرس فايل php را به طور كامل در مقابل action بنويسيد. مثال: اگر فايل php در پوشه اي بنام mail ريخته شده است آدرس آن چنين است.
http://www.yourdomainname.com/mail/post.php

ساخت فرم تماس به روش كد نويسي:
در يك برنامه ي ويرايشگر مثل Notepad يا همان HTML فرانت پيج كد هاي زير را بنويسيد. هر فرم حاوي هر نوع فيلد، با كد يا تگ زير شروع  مي شود.

<form action="post.php" method="Post" name="webform" onSubmit="return CheckForm();">
 

و با كد زير به پايان مي رسد.

</form>

و تمام کدهای مربوط به فیلدها و دکمه‌ها، بین این دو خط کد، قرار می‌گیرند.( با توجه به تذكر شماره1 ، شما مي توانيد نوشته  آبي رنگ را تغيير دهيد.)
تذكر (2) : شما مي توانيد نام فايل php را تغيير دهيد مثلا" به جاي آن بنويسيد send_mail.php ويا mailer.php و غيره.
 


كد ساخت Textbox

<input type="text" name="emailaddress" size="25">

توضيح: اين فيلد بطور مثال آدرس ايميل كاربر را در خواست مي كند.بنابر اين در ايميلي كه به شما ارسال مي شود، در مقابل كلمه ي emailaddress آدرس ايميل كاربر نوشته شده است. شما مي توانيد فيلد ديگري با همين كد نيز درست  كنيد كه مثلا" نام كار بر را درخواست كنيد. پس بايد بجاي كلمه آبي رنگ emailaddress بنويسيد name  بنابر اين در ايميل، مقابل name ،نام كاربر آورده شده است.
عدد 25 آبي رنگ اندازه Textbox را تعيين مي كند و قابل تغيير است.
 


كد ساخت Checkbox 

به طور پيش فرض تيك خورده باشد. <input type="checkbox" value="ON" name="TEST1" checked>

به طور پيش فرض تيك نخورده است.<"input type="checkbox" value="ON" name="TEST2>

توضيح : در صورتيكه checkbox تيك خورده باشد در مقابل كلمه TEST يا هر كلمه اي كه شما بجاي آن بنويسيد ON نمايش داده خواهد شد و در غير اين صورت هيچ چيز نشان داده نمي شود.
 


كد ساخت ساخت Option Button   يا

مثلا" شامل سه گزينه ، كه هيچ يك انتخاب نشده باشد .كد آن چنين است:

<input type="radio" value="V1" name="TEST3">
<input type="radio" value="
V2" name="TEST4">
<input type="radio" value="
V3
" name="TEST5">

شامل دو گزینه باشد و یکی از آن‌ها، به طور پیش‌فرض انتخاب شده باشد، داراي كد زير است:

<input type="radio" value="S1" name="TEST6" checked>
<input type="radio" value="
S2" name="
TEST7">           

 توضيح :در ایمیل ارسالی به شما ، اطلاعات مربوط به این فیلد، به این صورت نمایش داده خواهد شد:
روبروی عبارت :TSET4 (و یا هر نامی که در کدها مقابل عبارت =name و داخل دو کُتیشن وارد کرده‌اید.)، مقدار روبروی عبارت =value مربوط به آن گزینه‌ایی نشان داده خواهد شد، که آن گزینه توسط کاربر انتخاب شده باشد. به عنوان مثال، اگر کاربر در Option Button مربوط به قطعه کد بالا (کدی که سه گزینه برای انتخاب دارد)، مورد وسطی را انتخاب کند، در ایمیل ارسالی، روبروی عبارت :TEST4 ، عبارت V2 نشان داده خواهد شد. (عبارت V2 روبروی عبارت =value مربوط به آن گزینه‌ای می‌باشد، که انتخاب شده است)

- اگر یک Option Button با دو یا سه یا هر تعداد دیگر گزینه برای انتخاب، بسازید (در صورتی که کاربر، فقط اجازه انتخاب یک مورد را داشته باشد)، باید در کدهای مربوط به آن‌ها، مقابل =name همه‌ی آن‌ها، یک عبارت را بنویسید. یعنی عبارت روبروی =name ، برای تمام مواردی که قرار است از بین آن‌ها فقط یک مورد انتخاب شود، باید یکسان باشد. (به عنوان مثال برای همه آن‌ها، عبارت "name="TEST را وارد کنید)
اگر به خواهيد يكي از گزينه ها بطور پيش فرض انتخاب شده باشد، بايد عبارت checked را به كد مربوط به آن گزينه اضافه كنيد. مثل كد زير:

<input type="radio" value="P1" name="TEST" checked>


كد ساخت Drop-Down Box 
كدي كه فقط اجازه يك انتخاب را به كار بر مي دهد:

<select size="1" name="DDTEST">           
<option value="TEST11">TEST8</option> 
<option value="TEST12">TEST9</option> 
<option value="TEST13">TEST10</option>
</select>                                           

عدد 1 در كد بالا تعدادسطر به نمايش گذاشته شده در فيلد انتخاب را تعيين مي كند.

اگر مي خواهيد مورد پيش فرض انتخاب موردي باشد كه اگر كاربر هيچ يك از موارد موجود در فيلد را انتخاب نكند اين مورد در ايميل ارسال شود. به يكي از دو روش زير اين كار را انجام دهيد:
1- كد مربوط به آن مورد (پيش فرض) را به بالاترين خط يعني بعد از خط كد مربوط به select ببريد.( مثل كد حاوي TEST11 ).
2- كلمه ي selected را به كد آن مورد پيش فرض اضافه كنيد. مثل:

<option value="TEST11" selected>TEST8</option>


كد ساخت TextArea

<textarea rows="4" cols="20" name="message"></textarea>

توضيح: اعداد 4 و 20 سايز فيلد را مشخص مي كند و قابل تغيير است.
در ايميل ارسال شده براي شما مقابل كلمه message  ( يا هر كلمه اي كه شما به جاي آن نوشته باشيد.) متن نوشته شده توسط كار بر نمايش داده مي شود.
 



كد ساخت دكمه هاي Submit وReset


<input type="submit" value="Submit">
<input type="reset" value="
Reset
">  


توضيح:در پايان هر فرم جهت ارسال به يك دكمه Submit نياز داريم . همچنين گاهي اوقات كار بر نياز دارد كه اطلاعات داخل فيلد ها را پاك كند كه براي اين كار از دكمه Reset استفاده مي كنيم. كلمه هاي Submit و  Reset را نيز مي توانيم تغيير بدهيم و حتي به فارسي بنويسيم.

بخاطر داشته باشيد كه يك صفحه معمولي شامل يك جمله مثل (فرم با موفقيت ارسال شد. متشكريم) به اسم thanks.htm تهيه كنيد و روي سرور آپلود نماييد در غير اين صورت كاربر پس از ارسال فرم با عبارت معروف Not found روبرو مي شود.

راهنماي استفاده از اسكريپت چك كردن فيلد هاي فرم:

اين اسكريپت كه به زبان برنامه نويسي جاوا مي باشد فيلد هاي فرم را كه توسط كاربر پر نشده است را به كاربر اطلاع مي دهد . و تا زماني كه فيلد ها پر نشده باشد اجازه ارسال فرم به ايميل را نمي دهد. ( در مورد فيلد آدرس ايميل حتي اگر ناقص پر شود ارسال انجام نمي شود.)
محل قرار گرفتن اين اسكريپت در صفحه ي فرم تماس (
contactus ) و در قسمت head مي باشد. لطفا" به قسمت كد هاي  صفحه ي contactus ارسال شده براي شما مراجعه نماييد.اسكريپت مربوطه به رنگ قرمز است ، از آن كپي بگيريد و در صفحه ي فرم خود استفاده كنيد.

اسكريپت ارسال شده براي شما، سه فيلد را كه بيشتر عموميت دارد چك مي كند . نام كاربر ، آدرس ايميل آن و متن پيام .

در صورت نياز شما در مي توانيد با كمي دقت و حوصله در اسكريپت مربوطه تغييراتي را به دلخواه خود انجام دهيد و چك كردن يك فيلد را به اسكريپت اضافه نماييد. كافيست كه يكي از پاراگراف هاي يك فيلد را كپي و در زير آن پيست نموده و اسم فيلد مربوطه را تغيير دهيد. به مثال زير توجه كنيد .اين پاراگراف مربوط به كنترل فيلد نام كاربر مي باشد كه ما آن را با فيلد نام شهر كاربر عوض مي كنيم.دقت كنيد.

//Check for a visitors name
if (document.webform.name.value == ""){
errorMsg += "\n\tYour Name \t\t- Enter your Name";
}

//Check for city name
if (document.webform.
yourcityname.value == ""){
errorMsg += "\n\tYour
city name \t\t- Enter your city name";
}

تذكر: به خاطر داشته باشيد كه نام فيلد ها بايد با نام هايي كه در جاوا اسكريپت هست يكي باشد . مثلا" نام درست فيلد textarea (فيلد متن توضحي كاربر)در اين جا message مي باشد.

موفق باشيد: حبيب اله عباسپور وب مستر سايت:

www.habib.ir