Resolved onlick and onchange events?

[paddyfields]

Hello.

I'm new to JavaScript to any help in understanding would be great. For an html form, i'm am trying to have it so when a user clicks on the 'email' input box then a div element next to it displays "please make sure it's correct", and when they click out of the box (ie, to the next field), the message disappears again.

I have managed to make it appear using this;

function displaymessage()
{
document.getElementById("message").innerHTML="please make sure your email address isn't fake.. you dick";
}

<input class="textbox" name="email" onclick="displaymessage()"<input type='<p id="message"></p>

BUT, how do i make it disappear when the user clicks out.. is it onchange()?.. if so, how.

many thanks!!

[paddyfields]

onBlur() !

[VIPStephan]

Originally Posted by paddyfields

onBlur() !

As a matter of fact you shouldn’t use onclick there but rather onfocus() (and onblur() as counterpart).

[leapinglemur55]

function displaymessage()
{
document.getElementById("message").innerHTML="please make sure your email address isn't fake.. you dick";
}
function hidemessage()
{
document.getElementById("message").innerHTML="";
}

<input type="text" class="textbox" name="email" onFocus="displaymessage()" onBlur="hidemessage()" /><p id="message"></p>

Try this. You need to use onFocus and onBlur instead of onClick.

[VIPStephan]

Originally Posted by leapinglemur55

function displaymessage()
{
document.getElementById("message").innerHTML="please make sure your email address isn't fake.. you dick";
}
function hidemessage()
{
document.getElementById("message").innerHTML="";
}

<input type="text" class="textbox" name="email" onFocus="displaymessage()" onBlur="hidemessage()" /><p id="message"></p>

Try this. You need to use onFocus and onBlur instead of onClick.

Since you’re apparently writing XHTML I just wanna add for the records that everything must be lowercase, i. e. onblur, not onBlur.