代码之家  ›  专栏  ›  技术社区  ›  Sandeep Polavarapu

jquery验证水印

  •  1
  • Sandeep Polavarapu  · 技术社区  · 14 年前

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

    例如:

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

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

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

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

    1 回复  |  直到 12 年前
        1
  •  1
  •   Sandeep Polavarapu    14 年前

    最后,我通过注册一个验证规则的方法,并将其与类一起用于类似

    $.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'>