javascript validation

**archkhare** · Feb 23, 2008 06:53

I am doing length validation but it's not working. For this I am using onBlur event but it is not working. Please help me how to do it. I think it is not firing onBlur event.

My code is following -

<body>
<script language="javascript1.2">
function verify(form)
{
if(form.my.value=="")
{
alert("please fill");
document.form.my.focus();
return(false);
}
}

function checklen(form)
{
val = form.my.value;
len=val.length;
alert("writwe value");
if(len>10)
{
alert("value exceeds 10 character");
form.my.value="";
form.my.focus();
}
}

</script>
<form name="form" method="post" onSubmit="return verify(this)" action="validation2.php">
<p>
<input type="text" name="my" onBlur="checklen(this)">
</p>
<p>
<input type="text" name="my2">
</p>
<p> <input type="submit" name="Submit" value="Submit" >
</p>
</form>
</body>

**jimfraser** · Feb 23, 2008 11:20

In the onsubmit handler for your form, you pass the parameter "this", which correctly passes a reference to the form.

However you are passing "this" in the onBlur handler for the input. This passes a reference to the input field, not the form.

I would suggest changing
onBlur="checklen(this);"
to
onblur="checklen(this.form);"

to get a proper reference to the form - or rewrite the checklen function to expect an input as a parameter:

Code:

function checklen(input)
{
val = input.value;
len=val.length;
alert("writwe value");
if(len>10)
{
alert("value exceeds 10 character");
input.value="";
input.focus();
}
}

**archkhare** · Feb 24, 2008 02:33

Thanks. It is working now.

User Tag List

Thread: javascript validation

Thread Tools

Display

javascript validation

Bookmarks

Bookmarks

Posting Permissions