السلام عليكم
ممكن تشوفو لي ما المشكلة في هذاا الكود واين الخطأ فيه؟
اريد ان ادخل نص في 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