Home/ Questions/Q 6657849
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T01:49:16+00:00

I have simple routine to show tips in the textarea to the users. If

  • 0

I have simple routine to show tips in the textarea to the users. If the user focuses on the textarea and there is no user input, the script clears the tips. If the area is blurred without user inputs, the area shows the the tips.

This seems to work fine in IE and chrome, but firefox 3.6 does not seem to work every time.

Click the textarea to focus, the textarea clears the text

Don’t type anything and click outside to unfocus the textarea, the tip will show.

Click the textarea again to focus, but the text won’t disappear.

Click outside to unfocus

Click the textarea again to focus, this time the text area will clear the text.

Any tip or insight to correct this behavior for firefox 3.6?

JSFiddle link

TIA

<html xmlns="http://www.w3.org/1999/xhtml">
<head>            
 <script type="text/javascript" src="../jquery-1.6.4.min.js"></script>
</head>
<body >
<div style="text-align:center">
   <textarea id="btext"  onfocus="clearOnFocus()" onblur="showtip()">
Enter text
</textarea><br>
</div>
 <!-- end page -->
<script language="javascript">

function clearOnFocus () {
  //alert ('test');

  var patt=/Enter text/g;
  var result=patt.test($('#btext').val());
  if (result) {
    $('#btext').val('');
  }
}//end of clear

function showtip () {
  var textinput = $('#btext').val();

  if (textinput == '') {

  var btips = 'Enter text';

  $('#btext').val(btips);
    }
}//end of showtip

</script>
 </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you can use a regular expression to test that the value is something other than just whitespace. You can also test against the default value to see if anything has beeen entered. That way your script is independent of the value of the textarea.

    <textarea onfocus="
  if (this.value == this.defaultValue) 
    this.value = '';
"
onblur="if (/^\s*$/.test(this.value))
  this.value = this.defaultValue
">Enter text</textarea>
    • 0