المساعد الشخصي الرقمي

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

hassanalhawy
03-02-2017, 10:03 PM
الوحدة الثانية
الموضوع السادس ص75
كود مشروع التحقق من صحة البيانات المدخلة
<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>
<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
03-02-2017, 10:38 PM
رائع جدا أستاذنا الفاضل

جزاك الله خيرا و بارك الله فيك
hassanalhawy
04-02-2017, 12:57 AM
كود آخر
<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
04-02-2017, 01:38 AM
كود آخر
<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
04-02-2017, 09:13 AM
كود آخر ولكن للمعلمين فقط
<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
06-02-2017, 01:29 AM
دائما تبدع .... أين أنت يارجل ؟
shabanahmed
10-02-2017, 07:49 PM
جزاك الله خيرا
lora2014
21-02-2017, 04:08 PM
ممكن كود صفحة تسجيل الدخول بعد اذنك
وتكون بسيطة ولك جزيل الشكر