title: jquery validation with onblur/onfocus
body: <p>I've added onfocus and onblur to my text input of a form.</p>
  
  <pre><code>&lt;form id='AddCameraFormWebcam' name='' method='post' action='&lt;?php echo htmlspecialchars($_SERVER['REQUEST_URI']); ?&gt;'&gt;
      &lt;label for="CameraName"&gt;Camera name:&amp;nbsp;&lt;/label&gt;
      &lt;input id="CameraName" name="camera_name" size="24" maxlength="36" value="Enter label for camera" onfocus="if(this.value==this.defaultValue){this.value=''; this.style.color='#000';};" onblur="if(this.value==''){this.value=this.defaultValue; this.style.color='#666';}" /&gt;
  ...
      &lt;button type='submit' class='submit_camera' name='addcamera' value='Add'&gt;Add&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>This now breaks my validation I had with jquery:</p>
  
  <pre><code>$(".submit_camera").click(function() {
      $("#AddCameraFormWebcam").validate({
          rules: {
              camera_name: {
                  required: true,
                  cameravalidation: true,
                  minlength: 3,
                  maxlength: 32
              }
          },
          messages: {
              camera_name: {
                  required: "Enter a label for your camera",
                  minlength: jQuery.format("At least {0} characters required!"),
                  maxlength: jQuery.format("Maximum {0} characters allowed!")
              }
          }
      });
  });
  </code></pre>
  
  <p>Someone can now submit without typing anything for the camera name because <code>Enter label for camera</code> will get submitted to the server. How can I still show an error?</p>