IE6 Null or not an Object error

severinsmith

Hi,
I need to have a form button disabled until the user enters a valid email address. I get the following error message in IE6

'document.community.EMAIL' is null or not an object

Not great at javascript, and any help would REALLY be appreciated.
TIA

---

Code follows:

[HTML]function checkifempty(){

var email_pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var button = document.getElementById("imageField");
var field_value = document.community.EMAIL.value;

if ( (document.community.EMAIL.value == "") || (email_pattern.test(field_value) == false) ) {
button.disabled=true;
return false;
} else {
button.disabled=false;
}
}

if (document.all || document.getElementById) {
setInterval("checkifempty()",100);
}

function emailcheck(form) {
if (document.community.EMAIL.value == "" || document.community.EMAIL.value.indexOf('@', 0) == -1)
alert("Sorry, we cannot process that request. Please try again.");
}

</script>[/HTML]

Dormilich

Hi Tia,

I need to see the html code too, in case there went something wrong with the naming (you can't see those issues in the script code).

regards

severinsmith

Awesome, thanks! I stripped all doctypes and css..
Code follows (I hope I did it right this time)

Expand|Select|Wrap|Line Numbers

  
<script type="text/javascript">
 
function checkifempty(){
 
    var email_pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    var button = document.getElementById("imageField");

    var field_value = document.community.EMAIL.value;
 
    if ( (document.community.EMAIL.value == "") || (email_pattern.test(field_value) == false) ) {

        button.disabled=true;

        return false;

    } else {

        button.disabled=false;

        }

    }
 
    if (document.all || document.getElementById) {

        setInterval("checkifempty()",100);

    }
 
function emailcheck(form) {

    if (document.community.EMAIL.value == "" || document.community.EMAIL.value.indexOf('@', 0) == -1)

        alert("Sorry, we cannot process that request. Please try again.");

    }
 
</script>
 
<script src="http://recp.mkt32.net/ui/library/formValidate.js" type="text/javascript" language="javascript"></script>

</head>
 
<body>
 
<form name="community" id="community" method="post" action="http://recp.mkt32.net/servlet/UserSignUp?f=112214&postMethod=HTML&m=0&j=MAS2">

    <input type="hidden" name="EMAIL_REQUIRED" value="T" />

    <input type="hidden" name="EMAIL_DATATYPE" value="" />
 
    <label for="EMAIL">Sign up for e-mail updates.</label>
 
    <input type="text" name="EMAIL" id="EMAIL" value="" size="20" maxlength="4000" />

    <input type="image" name="imageField" id="imageField" src="graphics/btn_green_submit.gif" alt="Submit" />

</form>
 
</body>

</html>

severinsmith

It looks like the issue is that IE6 parses the head first, and doesn't recognize the form in the body. If I physically move the script after the form, I no longer get the error. Does this sound correct?

If anyone has any input about this, or other ways to do it, it would be great!

Now with the JS on the page, I'll get validation errors....grrr! IE6!

acoder

It's probably caused by this line:

Expand|Select|Wrap|Line Numbers

setInterval("checkifempty()",100);

Call it onload instead.

IE6 Null or not an Object error

re: IE6 Null or not an Object error

re: IE6 Null or not an Object error

re: IE6 Null or not an Object error

re: IE6 Null or not an Object error

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about