الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

كيف يمكنني اظهار رساله للمستخدم ببياناته بعد أن يقوم بإدخالها عن طريق ال form وبعد أن يضغط على submit؟؟؟

بدأه sooofy في 17 يناير 2011 · 5 رد · 1,475 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

اذا كان لدي form وبعد أن يدخل المستخدم بياناته وعند الضغط على submit يقوم بإظهار رساله بالبيانات التي قام بإدخالها

وهذا الكود يخص الفورم والتحقق من أنه أدخل كل البيانات :-

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="

http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>feedback form</title>

<link rel="stylesheet" type="text/css" href="feedback_form.css"/>

<script type="text/javascript">

function check()

{

if( document.form.name.value == "" || document.form.email.value == "" || document.form.textt.value == "" )

{

window.alert("احد الحقول فارغة، يرجى التأكد من تعبئة الحقول ");

return false;

}

}

</script>

</head>

<body>

<form name="form" method="port">

<h1>Feedback Form</h1><br/>

<p>Please fill out this form to help me improve My site.</p>

Name:<input type="text" name="name" size="30"/><br/>

E-mail Address:<input type="text" name="email" size="30"/><br/>

<h2>Things you like on My Site:</h2>

<input type="checkbox" name="chec1" value="option1"/>site desing<br/>

<input type="checkbox" name="chec2" value="option2"/>contents<br/>

<input type="checkbox" name="chec3" value="option3"/>Ease of use<br/>

<p><input type="submit" name="Submit" onclick="check()" value="Submit Your Entries">

<input type="reset" name="rest" value="Clear Your Entries">

</p>

</form>

</body>

</html>

وهذه صوره للفورم والمطلوب عمله..

post-216231-023637300 1295292445_thumb.j

post-216231-099366200 1295292457_thumb.j

المرفقات
1.JPG2.JPG
#2

استخدم لغة برمجية أو نصية تعمل على الخادم Server ، تعالج هذا الطلب ، مثلاً استخدم لغة Java ( بالتحديد JSP/Servlets مثلاً ) ، أو لغة php أو أي لغة أخرى مناسبة .. بحيث تضع رابط الخدمة التي ستسقبل هذا الطلب في رأس form :

<form name="form" method="post" action = "phpFile.php">

الملف phpFile.php سيستقبل معلومات form ، ويقوم باللازم وممكن بعدها يرسل الـ output إلى ملف آخر ( يولّد html code مثلاً ) ،

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#3

نعم أنا أفهم قصدك وأيضا أعرف كيف أقوم بعمل ذلك ، ولكني أريد أن أقوم بما هو مطلوب عن طريق ال javascript فقط ، فقد كان هذا assignment من الدكتور لنا فبالتأكيد يمكن فعل ذلك!!!!!!!!

شكرا لك..

#4 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> 
<title>feedback form</title>
<link rel="stylesheet" type="text/css" href="feedback_form.css"/>
<script type="text/javascript">
function check()
{
 var x=document.form.name.value;
 var y=document.form.email.value ;
 window.alert( x+"\n" +y);
 return false;

}
</script>
</head>
<body>

<form name="form" method="port" onsubmit="check()" >
<h1>Feedback Form</h1><br/>
<p>Please fill out this form to help me improve My site.</p>

Name:<input type="text" name="name" size="30"/><br/>

E-mail Address:<input type="text" name="email" size="30"/><br/>

<h2>Things you like on My Site:</h2>
<input type="checkbox" name="chec1" value="option1"/>site desing<br/>
<input type="checkbox" name="chec2" value="option2"/>contents<br/>
<input type="checkbox" name="chec3" value="option3"/>Ease of use<br/>
<p><input type="submit" name="Submit"  value="Submit Your Entries" />
<input type="reset" name="rest" value="Clear Your Entries" />
</p>
</form>
</body>
</html>
1

In bad state

#5

جزاك الله خيرا فعلا هذا هو المطلوب ..

جعله الله في ميزان حسناتك..

#6

قمت بالتعديل وهذا الكود هو أفضل في نظري :-

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>feedback form</title>

<style type="text/css">

body {border-style:solid;

margin-right:20px; margin-top:20px;

margin-bottom:20px; margin-left:20px;

padding-top:20px; padding-bottom:20px;

padding-right:20px; padding-left:20px;

}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}

div,span {text-align:center;}

</style>

<script type="text/javascript">

function check()

{

if( document.form.name.value == "" || document.form.email.value == "" || document.form.textt.value == "" )

{

window.alert("احد الحقول فارغة، يرجى التأكد من تعبئة الحقول ");

return false;

}

}

function comments() {

var com ="Thanks "+ document.getElementById('name').value+" for your comments.. ";

com += "<br>Your e-mail: "+document.getElementById('email').value;

com += "<br>Things you liked on my site: "+document.getElementById('chec1').value;

document.getElementById('con').innerHTML += "<br><hr>" + com;

}

</script>

</script>

</head>

<body>

<form name="form" method="post" action="">

<h1>Feedback Form</h1><br/>

<p>Please fill out this form to help me improve My site.</p>

Name:<div><input type="text" id="name" name="name" size="30"/><br/></div>

E-mail Address:<div><input type="text" id="email" name="email" size="30"/><br/></div>

<h2>Things you like on My Site:</h2>

<div><input type="checkbox" id="chec1" name="chec1" value="site desing"/>site desing<br/>

<input type="checkbox" name="chec2" value="contents"/>contents<br/>

<input type="checkbox" name="chec3" value="Ease of use"/>Ease of use<br/></div>

<p><input type="button" onClick="comments()" value="Submit Your Entries">

<input type="reset" name="rest" value="Clear Your Entries">

</p>

<div id="con">

</div>

</form>

</body>

</html>

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…