相关疑难解决方法(0)

我是JQuery的新手,并且正在使用JQuery验证插件.

我想问一下,如何覆盖默认消息以显示与表单元素关联的标签中的文本.

我会得到这样的消息:

字段密码是必需的.而不是默认此字段是必需的.

Field PostCode必须至少包含3个字符.而不是默认请输入至少3个字符.

我需要覆盖此插件的默认行为,因为我不想为每种类型的验证指定每个项目的自定义消息.

可能吗？

使用以下表单的jQuery Validation插件:

<form id="information" method="post" action="#">

            <fieldset>
                <legend>Please enter your contact details</legend>
                <span id="invalid-name"></span>
                <div id="id">
                    <label for="name">Name: (*)</label>
                    <input type="text" id="name" class="details" name="name" maxlength="50" />
                </div>

                <span id="invalid-email"></span>
                <div id="id">
                    <label for="email">Email: (*)</label>
                    <input type="text" id="email" class="details" name="email" maxlength="50" />
                </div>
            </fieldset>
            <fieldset>
                <legend>Write your question here (*)</legend>
                <span id="invalid-text"></span>
                <textarea  id="text" name="text" rows="8" cols="8"></textarea>


            <div id="submission">
                <input type="submit" id="submit" value="Send" name="send"/>
            </div>
            <p class="required">(*) Required</p>
            </fieldset>

             </form>

如何将错误放在span标签内？(#valid-name,#invalid-email,#invalid-text)

我阅读了有关错误放置的文档但我没有得到它的工作原理.是否可以处理每个错误并将其放在指定的元素中？

谢谢

需要从文本来自CMS的范围中复制自定义错误消息文本.基本上需要显示自定义本地化错误消息.

提交表单时代码有效,但只要您单击外部,默认消息就会替换自定义消息.

http://jsfiddle.net/2nV5u/16/

HTML

<form name="form-core" id="form-core" method="post" action="" role="search"  novalidate="novalidate">
      <label for="keywords">Hello</label>
      <input type="text" id="keyword" name="keyword" class="required" />
      <span class="error-message-required">Ce champ est obligatoire</span>
      <input type="submit" /><input class="cancel" type="submit" value="Reset" />         
</form>

JS

 $('#form-core').validate({
            debug: false,
            onfocusout: function (element) { jQuery(element).valid() },
            errorElement: "div",
            errorPlacement: function (error, element) {
                jQuery('div[for=' + error.attr('for') + ']').remove();
                    error.text($(element).next('.error-message-required').text());
                    error.insertBefore(element);
                }                
        });