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

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

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