jquery validation with onblur/onfocus
<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>
