jquery - jQuery Validation Plugin - 如何在页面加载时显示标签

Question

该插件在填写输入时插入标签，但是我希望在页面加载时插入所有标签。任何想法都会很棒，谢谢。

插件的链接在这里。

http://jqueryvalidation.org/documentation/

我在想有一种方法可以用来插入所有标签。

代码示例如下。

在页面加载字段可能如下所示...

<div id="name-field" class="field input-text">
    <input type="text" id="name" name="name" onblur="if (this.value=='') this.value = 'Name'" onfocus="if (this.value=='Name') this.value = ''" value="Name" class="requiredAstrix" />
    <div id="name-error-label" class="error-label f3a cf98">
    This field is required
    <div class="arrow s14"></div>
    </div>
    <div id="name-hover-label" class="hover-label cf2"></div>
</div>

Onblur 插件按如下方式插入标签...（这就是我希望所有字段都在页面加载时的方式）

<div id="name-field" class="field input-text">
    <input type="text" id="name" name="name" onblur="if (this.value=='') this.value = 'Name'" onfocus="if (this.value=='Name') this.value = ''" value="Name" class="requiredAstrix" />
    <label for="name" class="error checked">&nbsp;</label>
    <div id="name-error-label" class="error-label f3a cf98">
    This field is required
    <div class="arrow s14"></div>
    </div>
    <div id="name-hover-label" class="hover-label cf2"></div>
</div>

Answer 1

只需使用该.valid()方法在准备好的 DOM 上以编程方式执行验证测试。

$(document).ready(function() {

    $('name-field').validate({  // initialize the plugin on your form
        // rules,
        // messages,
        // options,
        // callback functions
    });

    $('name-field').valid();   // immediately fire validation on DOM ready

});

工作演示：http: //jsfiddle.net/JVzKd/