نمایش اطلاعات ارسالی فرم با جاوااسکریپت

این تاپیک 8 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  iimmaann ،‏ 2 سال و 3 ماه پیش .

این تاپیک تاکنون 500 بازدید داشته است .

نویسنده پست
دوشنبه ، 18 آگوست 2014     8:16 ب.ظ #


iimmaann

Subscriber
4 پست1 تاپیک

سلام

من یه فرمی رو که با جاوااسکریپت Validate کردم میخوام پس از نداشتن مشکل وقتی send شد اطلاعات ارسالی رو در یک صفحه HTML دیگه با استفاده از جاوااسکریپت نمایش بده

ممنون میشم راهنمایی کنید

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
دوشنبه ، 18 آگوست 2014     8:46 ب.ظ #


سید حسن

Subscriber
22 پست9 تاپیک

سلام , لطفا فرم پيوست كنيد .

1  تشکر
دوشنبه ، 18 آگوست 2014     9:20 ب.ظ #


iimmaann

Subscriber
4 پست1 تاپیک

این بدون بخش Validate هستش

من میخوام وقتی Send زده شد در یک صفحه دیگه اطلاعات وارد شده در فرم نمایش داده بشه (البته با کمک جاوااسکریپت)

پیوست ها:
You must be logged in to view attached files.
0  تشکر
دوشنبه ، 18 آگوست 2014     11:03 ب.ظ #


محمد اسفندیاری

Authorplus
VIP
817 پست10 تاپیک

دوست عزیز فکر نکنم امکانش باشه به وسله جاوااسکریپت این کارو کرد....باید از یک زبان سمت سرور مثل PHP استفاده کنید

یا علی

1  تشکر
دوشنبه ، 18 آگوست 2014     11:19 ب.ظ #


iimmaann

Subscriber
4 پست1 تاپیک

فکر کنم اگه با متد GET ارسال بشه با تابع encodeURI بشه اطلاعات رو گرفت

0  تشکر
دوشنبه ، 18 آگوست 2014     11:23 ب.ظ #


iimmaann

Subscriber
4 پست1 تاپیک

decodeURI

0  تشکر
سه شنبه ، 19 آگوست 2014     12:18 ق.ظ #


lili

Subscriber
184 پست38 تاپیک

من خودم از جاوا اسکریپت برای چک کردن فرمم استفاده کردم ولی به یه صفحه ی دیگه ارسال نمیشه همونجا  یسری چیزا و چک میکنه مثل اینکه فیلدی خالی نباشه یا اینکه ایمیل درست وارد بشه و یا شماره تماس از عدد تشکیل شده باشه و از یه تعدادی بیشتر نباشه براتون کدهامو میذارم شاید به دردتون بخوره :

این فرممه :

<form method="post" class="ms" name="myform" >
<label class="lbl">نام خانوادگی</label>
<input type="text" name="lname" id="lname" class="in" onblur="checkname();" />
<div id="namer" name="namer" class="error"></div>

<label class="lbl">نام دپارتمان</label>
<input type="text" name="department" id="department" class="in" onblur="checkdepartment();"/>
<div id="dep" name="dep" class="error"></div>

<label class="lbl">شماره تماس</label>
<input type="text" name="number" id="number"class="in" onblur="checktell();" />
<div id="numb" name="numb" class="error"></div>

<label class="lbl">ایمل</label>
<input type="text" name="email" id="email"class="in2" onblur="checkmail();"/>
<div id="mail" name="mail" class="error"></div>

<label class="lbl">موضوع پیغام</label>
<input type="text" name="sj" id="sj" class="in" onblur="checksubject();"/>
<div id="sub" name="sub" class="error"></div>

<label class="lbl">پیغام </label>
<textarea class="txt" name="message" id="message" onblur="checkpost();"></textarea>
<div id="ms" name="ms" class="error"></div>

<input type="submit" name="send" id="send"  value=" ارسال " class="send"/>
</form>

و اینها هم توابعی که برای این کار با جاوااسکریپت نوشتم :

function checkname(){
var checkname=document.forms['myform']['lname'].value;

if(checkname=="" || checkname==null){
document.getElementById('namer').innerHTML='<img src="../image/error.png"> '+'<span class="fail">پرکردن فیلد اجباری است</span>';
}
else if(checkname.length>20){
document.getElementById('namer').innerHTML='<img src="../image/error.png"> '+'<span class="fail">تعداد کاراکتر وارد شده بیش از حد مجاز است</span>';
}
else{
document.getElementById('namer').innerHTML='<img src="../image/ok.png"> ';
}
}

function checkdepartment(){
var checkdepartment=document.forms['myform']['department'].value;
if(checkdepartment=="" || checkdepartment==null){
document.getElementById('dep').innerHTML='<img src="../image/error.png"> '+'<span class="fail">ذکر نام دپارتمان اجباری است</span>';
}
else{
document.getElementById('dep').innerHTML='<img src="../image/ok.png"> ';
}
}
function checktell()
{
var checktell=document.getElementById("number").value;
var reg=/^([0-9]{11})$/;
if(reg.test(checktell)==true || checktell.length>11)
{
document.getElementById("numb").innerHTML='<img src="../image/ok.png"/>'
return true;

}

else if(checktell=="" || checktell==null){
document.getElementById('numb').innerHTML='<img src="../image/error.png"/>'+'<span class="fail">پرکردن فیلد اجباری است</span>';
}
else
{
document.getElementById("numb").innerHTML='<img src="../image/error.png"/> '+'<span class="fail">لطفا شماره صحیح را وارد نمایید کد شهر در شماره ثابت الزامیست</span>';
}

}

function checkmail(){
var checkmail=document.getElementById("email").value;
var reg=/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if(reg.test(checkmail)==true)
{
document.getElementById("mail").innerHTML='<img src="../image/ok.png"/>'
return true;

}

else if(checkmail=="" || checkmail==null){
document.getElementById('mail').innerHTML='<img src="../image/error.png"/>'+'<span class="fail">پرکردن فیلد اجباری است</span>';
}
else
{
document.getElementById("mail").innerHTML='<img src="../image/error.png"/>'+'<span class="fail">لطفا ایمیل خود را مطابق با نمونه وارد نمایید:john@yahoo.com</span>';
}

}
function checksubject(){
var checksubject=document.getElementById("sj").value;
if(checksubject=="" || checksubject==null){
document.getElementById('sub').innerHTML='<img src="../image/error.png"/>'+'<span class="fail">پرکردن فیلد اجباری است</span>';
}
else if(checksubject.length>30){
document.getElementById('sub').innerHTML='<img src="../image/error.png"> '+'<span class="fail">تعداد کاراکتر وارد شده بیش از حد مجاز است</span>';
}
else{
document.getElementById("sub").innerHTML='<img src="../image/ok.png"/>'
}
}
function checkpost(){
var checkpost=document.getElementById("message").value;
if(checkpost=="" || checkpost==null){
document.getElementById('ms').innerHTML='<img src="../image/error.png"/>'+'<span class="fail">پرکردن فیلد اجباری است</span>';
}
else{
document.getElementById("ms").innerHTML='<img src="../image/ok.png"/>'
}
}

$(document).ready(function(){
$("#close").click(function(){
$("#message").slideUp("slow")
})
$("#reply").click(function(){
$("#message").slideDown("slow")
})
})

امیدوارم که کمکتون بکنه

4  تشکر
سه شنبه ، 19 آگوست 2014     12:32 ق.ظ #


lili

Subscriber
184 پست38 تاپیک

برای نشون دادن اطلاعات تکست فیلدهاتون هم بهشون آیدی بدین بعد با :

document.getElementById("").value

که توی پرانتز آیدی تکست فیلد و مینویسید به اطلاعات اون تکست فیلد دسترسی پیدا میکنید این کد و توی یه متغیر بریزید و جایی که میخواین نمایش بدین

4  تشکر
سه شنبه ، 19 آگوست 2014     10:25 ب.ظ # پاسخ تائید شده توسط سوال کننده


iimmaann

Subscriber
4 پست1 تاپیک

ممنون از دوستان

مشکل حل شد (فقط دنبال روشش بودم)

فایل رو میزارم شاید به درد بقیه هم بخوره

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
پست 1 تا 9 (از مجموع 9 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .