jQuery Watermarked输入和验证

Question

在HTML页面上,我有一个输入框,当它为空时,上面有一个"水印".(例如:"在这里输入文字......").有点像这样:http://digitalbush.com/projects/watermark-input-plugin/ - 但是自定义写的.

问题是我无法弄清楚如何使用jQuery验证插件(http://docs.jquery.com/Plugins/Validation/)验证此字段,以便它将我的水印文本视为字段为空.

我在jQuery验证器中找不到一个选项让我为字段有效时指定一个自定义规则,有吗？我可以找到允许我指定是否需要根据自定义逻辑验证字段的选项,而不是如何验证字段.

我错过了什么？

Answer 1

感谢Kazar为我提供了链接,我想出了以下解决方案(如果有兴趣的话):

    function notWatermark(value, element){
        return value != 'enter text...';
    }

    $.validator.addMethod("notWatermark", notWatermark, "Field cannot be empty.");

    $('#SearchForm').validate({
        rules: {
            SomeField: {
                required: true,
                notWatermark: true
            }
         },

Answer 2

我正在使用jQuery的Watermark插件,但我的情况类似:

http://code.google.com/p/jquery-watermark/

它使用类名来显示水印.(我不确定DigitalBrush版本是否使用了类.)我修改了上面的函数,使用jQuery的hasClass()函数来确定该字段是否根据当前分配的类被评估为"空".

function notWatermark(value, element){
 return !$(element).hasClass("waterMarkClass");
}
$.validator.addMethod("notWatermark", notWatermark, "Required.");

Answer 3

查看这篇博文：

http://randomactsofcoding.blogspot.com/2008/10/starting-with-jquery-how-to-write.html

告诉您如何为字段构建自定义验证规则。