Jquery验证水印

时间:2010-06-10 10:02:50

标签: jquery validation jquery-validate watermark

我正在使用jQuery验证插件和Watermark plugin。我面临的问题是当我将水印应用于任何也应用验证的输入字段时,验证失败

例如:

<input type=text name=myinput class="required">

我在文档就绪函数中为此字段应用了水印:

$("#myinput ").Watermark("myinput ");

这是验证失败的示例案例,因为为水印输入字段设置了value=myinput

1 个答案:

答案 0 :(得分:1)

最后,我通过注册验证规则的方法并将其与该输入标记的类一起使用来获得此解决方案,如

$.validator.addMethod("watermark", Watermark, $.validator.messages["required"]);

function Watermark(value, element) {
            if (element.className.match("required") != null) {
                var id = "WM_" + element.name;
                return value != document.getElementById(id).value;
            }
            else
                return true;
        }

对于输入标签,请使用此

<input type='text' class='required watermark'>