كود مشروع التحقق من صحة البيانات المدخلة

hassanalhawy · #1 03-02-2017, 10:03 PM

الوحدة الثانية
الموضوع السادس ص75
كود مشروع التحقق من صحة البيانات المدخلة

كود بلغة HTML:

<html> 
<head> 
<title></title> 
</head> 
<body dir="rtl"> 

<b>
<center>
 تسجل بيانات طالب 
<br><br><br> 
<form name="form1" action="login.htm"> 
 الاسم <input type="text" name="txt1"><br><br><br> 
 كلمة المرور <input type="password" name="p1"><br><br><br>
تأكيد كلمة المرور <input type="password" name="p2"><br><br><br>  
السن بالأرقام <input type="text" name="txt2"><br><br><br>  
النوع<input type="radio" name="rad">ذكر<input type="radio" name="rad"> أنثى <br><br><br>  
لغة الإجادة <input type="checkbox">  انجليزي <input type="checkbox"> فرنسي <input type="checkbox"> الماني <br><br><br> 
<input type="reset" value="جديد"> &nbsp&nbsp&nbsp <input type="submit" value="تسجيل" onclick="return fun1();">  
</form> 
</center>
</b>
********>
function fun1(){ 
if  ((form1.txt1.value=="") || (form1.p1.value!==form1.p2.value) || (form1.p1.value=="") || (form1.txt2.value=="") || (isNaN(form1.txt2.value)) || (form1.rad.value==false))
{ 
alert("أعد إدخال البيانات بطريقة صحيحة"); 
return false; 
} 
} 
</script>
</body> 
</html>

أو الكود التالي

كود بلغة HTML:

<html> 
<head> 
<title></title> 
</head> 
<body dir="rtl"> 
<b>
<center>
 تسجل بيانات طالب 
<br><br><br> 
<form name="form1" action="login.htm"> 
 الاسم <input type="text" name="txt1" required><br><br><br> 
 كلمة المرور <input type="password" name="p1" required><br><br><br>
تأكيد كلمة المرور <input type="password" name="p2" required><br><br><br>  
السن بالأرقام <input type="text" name="txt2" required><br><br><br>  
النوع<input type="radio" name="rad1" checked>ذكر<input type="radio" name="rad2"> أنثى <br><br><br>  
لغة الإجادة <input type="checkbox">  انجليزي <input type="checkbox"> فرنسي <input type="checkbox"> الماني <br><br><br> 
<input type="reset" value="جديد"> &nbsp&nbsp&nbsp <input type="submit" value="تسجيل" onclick="return fun1();"> 
</form>
</center> 

</b>
********>
function fun1(){ 
if  ((form1.p1.value!==form1.p2.value) || (isNaN(form1.txt2.value)))
{ 
alert("أعد إدخال البيانات بطريقة صحيحة"); 
return false; 
} 
} 
</script>
</body> 
</html>

**aymaan noor** · #2 03-02-2017, 10:38 PM

رائع جدا أستاذنا الفاضل

جزاك الله خيرا و بارك الله فيك

hassanalhawy · #3 04-02-2017, 12:57 AM

كود آخر

كود بلغة HTML:

<html> 
<head> 
<title></title> 
</head> 
<body dir="rtl"> 
<b>
<center>
 تسجل بيانات طالب 
<br><br><br> 
<form name="form1" action="login.htm"> 
 الاسم <input type="text" name="txt1"><br><br><br> 
 كلمة المرور <input type="password" name="p1"><br><br><br>
تأكيد كلمة المرور <input type="password" name="p2"><br><br><br>  
السن بالأرقام <input type="text" name="txt2"><br><br><br>  
النوع<input type="radio" name="rad">ذكر <input type="radio" name="rad"> أنثى <br><br><br>  
لغة الإجادة <input type="checkbox">  انجليزي <input type="checkbox"> فرنسي <input type="checkbox"> الماني <br><br><br> 
<input type="reset" value="جديد"> &nbsp&nbsp&nbsp <input type="submit" value="تسجيل" onclick="return fun1();"> 
</form> 
</center>
</b> 
********>
function fun1(){ 
if  (form1.txt1.value=="") 
{ 
alert("أدخل الإسم من فضلك"); 
return false; 
}
else if  ((form1.p1.value!==form1.p2.value) || (form1.p1.value==""))
{ 
alert("الكلمتين غير متطابقتين "); 
return false;
}
else if  ((form1.txt2.value=="") || (isNaN(form1.txt2.value)))
{ 
alert("أدخل السن من فضلك بطريقة صحيحة"); 
return false; 
}
else if  (form1.rad.value==false)
{ 
alert("إختر النوع ذكر أو أنثى من فضلك"); 
return false;
} 
} 
</script>
</body> 
</html>

hassanalhawy · #4 04-02-2017, 01:38 AM

كود آخر

كود بلغة HTML:

<html> 
<head> 
<title></title> 
</head> 
<body dir="rtl"> 
<b>
<center>
 تسجل بيانات طالب 
<br><br><br> 
<form name="form1" action="login.htm"> 
 الاسم <input type="text" name="txt1"><br><br><br> 
 كلمة المرور <input type="password" name="p1"><br><br><br>
تأكيد كلمة المرور <input type="password" name="p2"><br><br><br>  
السن بالأرقام <input type="text" name="txt2"><br><br><br>  
النوع<input type="radio" name="rad">ذكر <input type="radio" name="rad"> أنثى <br><br><br>  
لغة الإجادة <input type="checkbox">  انجليزي <input type="checkbox"> فرنسي <input type="checkbox"> الماني <br><br><br> 
<input type="reset" value="جديد"> &nbsp&nbsp&nbsp <input type="submit" value="تسجيل" onclick="return fun1();"> 
</form> 
</center>
</b> 
********>
function fun1(){ 
if  (form1.txt1.value=="") 
{ 
alert("أدخل الإسم من فضلك"); 
}
if  ((form1.p1.value!==form1.p2.value) || (form1.p1.value==""))
{ 
alert("الكلمتين غير متطابقتين "); 
}
if  ((form1.txt2.value=="") || (isNaN(form1.txt2.value)))
{ 
alert("أدخل السن من فضلك بطريقة صحيحة"); 
}
if  (form1.rad.value==false)
{ 
alert("إختر النوع ذكر أو أنثى من فضلك"); 
} 
return false;
} 
</script>
</body> 
</html>

hassanalhawy · #5 04-02-2017, 09:13 AM

كود آخر ولكن للمعلمين فقط

كود بلغة HTML:

<html> 
<head> 
<title></title> 
</head> 
<body dir="rtl"> 
<b>
<center>
 تسجل بيانات طالب 
<br><br><br> 
<form name="form1" action="login.htm"> 
<p id="t1" onclick="funT1()"> الاسم <input type="text" name="txt1"><br><br><p id="t1_2" style="color:red;"></p> 
<p id="t2" onclick="funT3()"> كلمة المرور <input type="password" name="p1"><br><br><p id="t2_2"></p>
<p id="t3"> تأكيد كلمة المرور <input type="password" name="p2"><br><br><p id="t3_2" style="color:red;"></p>  
<p id="t4" onclick="funT4()"> السن بالأرقام <input type="text" name="txt2"><br><br><p id="t4_2" style="color:red;"></p>  
<p id="t5" onclick="funT5()"> النوع<input type="radio" name="rad">ذكر <input type="radio" name="rad"> أنثى <br><br><p id="t5_2" style="color:red;"></p>  
لغة الإجادة <input type="checkbox">  انجليزي <input type="checkbox"> فرنسي <input type="checkbox"> الماني <br><br><br> 
<input type="reset" value="جديد"> &nbsp&nbsp&nbsp <input type="submit" value="تسجيل" onclick="return fun1();"> 
</form> 
</center>
</b> 
********>
function fun1(){ 
if  (form1.txt1.value=="") 
{ 
t1_2.innerHTML="* من فضلك أدخل الإسم بطريقة صحيحة";  
}
if  ((form1.p1.value!==form1.p2.value) || (form1.p1.value==""))
{ 
t3_2.innerHTML="كلمتى المرور غير متطابقتين*"; 
}
if  ((form1.txt2.value=="") || (isNaN(form1.txt2.value)))
{ 
t4_2.innerHTML="*أدخل السن من فضلك بطريقة صحيحة";  
}
if  (form1.rad.value==false)
{ 
t5_2.innerHTML="*إختر النوع ذكر أو أنثى من فضلك"; 
}
return false; 
} 
function funT1(){
t1_2.innerHTML=""
}
function funT3(){
t3_2.innerHTML=""
}
function funT4(){
t4_2.innerHTML=""
}
function funT5(){
t5_2.innerHTML=""
}
</script>
</body> 
</html>

Mr.Ali Mohamed Ali · #6 06-02-2017, 01:29 AM

دائما تبدع .... أين أنت يارجل ؟

shabanahmed · #7 10-02-2017, 07:49 PM

جزاك الله خيرا

lora2014 · #8 21-02-2017, 04:08 PM

ممكن كود صفحة تسجيل الدخول بعد اذنك
وتكون بسيطة ولك جزيل الشكر

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري