• 0
رياحين الجنة

رسالة null object or undefined

سؤال

السلام عليكم

ممكن تشوفو لي ما المشكلة في هذاا الكود واين الخطأ فيه؟

اريد ان ادخل نص في text field واذا كان طول الكلمة اقل من 5 يظهر رسالة خطأ

<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org//TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html>
<head>
<title>validate form</title>
</head>
<body>
<script language="javascript">


function checkForm(){
var firstName=document.getElementById('firstNa').value;
if(firstName.length<5)
{
alert("Invalid first name.. it should be characters only!!");
return false;
}
else
{
return true;
}
}

function checkName()
{
var firstName=document.getElementById("firstNa").value;
var firstError=document.getElementById("firstError").value;
if(firstName.length<5)
{
firstError.innerHTML="Invalid first name";
firstError.style.color="red";
}
else
{
firstError.innerHTML= "valid";
firstError.style.color="green";

}

}
</script>


<form name="valForm" onsubmit="checkForm();">
<label >First name: </label>
<input type="text" id="firstNa" onblur='checkName();'/>
<label id="firstError"> </label>
<input type='button' value='submit'/>


</form>
</body>
</html>

بطلع هذا الخطأ

Line: 31
Error: Unable to set value of the property 'innerHTML': object is null or undefined

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

1 إجابات على هذا السؤال .

  • 0

السلام عليكم ..

  1. الصفحة :
    <!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org//TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
    <html>
    <head>
    <title>validate form</title>
    </head>
    <body>
    <script language="javascript">

    function checkForm(){

    var firstName=document.getElementById('firstNa').value;
    if(firstName.length<5)
    {
    alert("Invalid first name.. it should be characters only!!");
    return false;
    }
    else
    {
    return true;
    }
    }

    function checkName()
    {

    var firstName=document.getElementById("firstNa").value;
    var firstError=document.getElementById("firstError");

    if(firstName.length<5)
    {
    firstError.innerHTML="Invalid first name";
    firstError.style.color="red";
    }
    else
    {
    firstError.innerHTML= "valid";
    firstError.style.color="green";

    }

    }
    </script>


    <form name="valForm" onsubmit="checkForm();">
    <label >First name: </label>
    <input type="text" id="firstNa" onblur='checkName();'/>
    <label id="firstError"> </label>

    <input type="submit" value='submit'/>


    </form>
    </body>
    </html>

  2. تم التصحيح في السطر :
    <input  type="submit" value='submit'/>

    و السطر

    var firstError=document.getElementById("firstError");

تم تعديل بواسطه houssam11350_11350
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

من فضلك سجل دخول لتتمكن من التعليق

ستتمكن من اضافه تعليقات بعد التسجيل



سجل دخولك الان

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .