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

只需使用the .valid() method以编程方式在DOM ready上执行验证测试。

$(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/

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

1 个答案: