spacer
Yehuda Shiran August 4, 2000
Using the "onBlur" Event Handler
Tips: August 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
News Flash: Adobe Has iPhone Workaround
Adobe's Flash 10.1 Goes Mobile (Minus iPhone)
A Salute to Visionary CEOs

A blur event occurs when a text field loses focus. A field gains focus when the user clicks inside the text box, and the focus is lost when the user clicks outside the box, anywhere on the page. The onBlur event handler executes JavaScript code when a blur event occurs. The following text field demonstrates a usage of the onBlur event. Once you click inside the text field and leave (click outside anywhere on the page), you will be prompted to enter a value if the field is empty when you leave it:

Here is the script that implements this event handling:

<SCRIPT LANGUAGE="JavaScript">
<!--

function checkInput(element) {
  if (element.value == "") {
    alert("Please enter a value!");
  }
}

// -->
</SCRIPT>
<FORM>
<INPUT TYPE="text" NAME="myField" VALUE="" onBlur="checkInput(this)">
</FORM>

Notice that the dialog box is displayed only if you first access the field and then exits it without entering any value.


People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Building a Banking Application Home Page with OOP · Mixing Scripting Languages · Review: phpFox, a Social Networking CMS with all the Bells and Whistles
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Enterprise 2.0: Social Networking in the Cloud · BroadSoft Marketplace Hastens Pace of Telephony Innovation · Review: HTC Hero for Sprint