form field clearing script

form field clearing script

I have the following code that I'm using to cycle through each element in a form field, and clear whatever text is in it. If the user clicks out of the field without typing anything then the script is supposed to return to whatever value it started with (e.g. "Enter your name..."). If the user does type something, then it stays in the field even when they click out of it:

  1. $(document).ready(function() {
  2.     count = 0;
  3.     fieldVal = [];
  4.     fieldFocus = 0;
  5.     $('#frm-quick input[type="text"], #frm-quick textarea').each(function() {
  6.         fieldVal[count] = ($(this).val());
  7.         $(this).focus(function() {
  8.             if (fieldFocus == 0) {
  9.                 $(this).val('');
  10.             }
  11.         })
  12.         $(this).keydown(function() {
  13.             fieldFocus = 1;
  14.         })
  15.         (function(count){
  16.             $(this).blur(function() {
  17.                 if (fieldFocus == 0) {
  18.                     $(this).val(fieldVal[count]);
  19.                 }
  20.             })
  21.         })(count);
  22.         count++;
  23.     })
  24. })

But it keeps resulting in this error and I have no idea why!


Error: $(this).keydown(function () {fieldFocus = 1;}) is not a function
Source File: file:///Users/pealo86/Documents/design/resource/code/script/frm-field-clear.js
Line: 19