jQuery验证错误消息放置

奥斯汀

好的,所以我正在使用jQuery验证插件来检查简单表单上的错误。除了错误放置,其他所有东西都在工作。我正试图将包含错误的INPUT之后的错误消息放入SPAN元素。由于某种原因,下面的代码将错误消息放置在似乎是全新的LABEL元素中。知道我在做什么错吗?

我的HTML

    <form action="" id="contact" method="POST">
       <p>
         <label for="name">Name:</label>
         <input type="text" name="name" id="name" class="text proper"/><span class="errMsg"></span>
       </p>
       <p>
         <label for="email">* Email:</label>
         <input type="text" name="email" id="email" class="required email text"/><span class="errMsg"></span>
       </p>
       <p>
         <label for="extra">*Question:</label>
         <textarea name="onlyText" id="onlyText" class=""></textarea><span class="errMsg"></span>
       </p>

       <button type="submit" id="send">Send Now</button>
       <div id="results"></div>
    </form>

我的jQuery

    <script>
      jQuery(document).ready(function($){           
        $.validator.addMethod("regex",function(value, element, regexp) {
         var check = false;
         var re = new RegExp(regexp);
         return this.optional(element) || re.test(value);
        },
          "No special Characters allowed here. Use only upper and lowercase letters (A through Z; a through z), numbers and punctuation marks (. , ; ? ' ' \" -  ~ ! @ $ % ^ & * (     ) _ + / < > { } )"
        );
        $("#contact").validate({
         rules: {
            onlyText:{
              required: true,
              maxlength: 8000,
              regex: /^[0-9A-Za-z\s`[email protected]$%^&*()+{}|;'",.<>\/?\\-]+$/
            },
            name:{
              required: false,
              maxlength: 75,
              regex: /^[0-9A-Za-z\s`[email protected]$%^&*()+{}|;'",.<>\/?\\-]+$/
           }
         } , 
          errorPlacement: function(error, element) {
          error.appendTo( element.next() );  //* THIS IS WHERE I AM HAVING TROUBLE WITH
     });
     });
   </script>
koala_dev

您可以避免麻烦,并使用errorElementerrorClass选项让插件为您添加正确的元素:

$("#contact").validate({
    errorElement: 'span',
    errorClass: 'errMsg',
    rules: {
            onlyText:{
              required: true,
              maxlength: 8000,
              regex: /^[0-9A-Za-z\s`[email protected]$%^&*()+{}|;'",.<>\/?\\-]+$/
            },
            name:{
              required: false,
              maxlength: 75,
              regex: /^[0-9A-Za-z\s`[email protected]$%^&*()+{}|;'",.<>\/?\\-]+$/
           }
         } 
    });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

选择值后删除jquery验证错误消息

来自分类Dev

jQuery验证远程错误消息

来自分类Dev

jQuery验证错误消息未隐藏,为什么

来自分类Dev

验证错误消息值

来自分类Dev

jQuery验证-在错误消息中显示字段名称

来自分类Dev

jQuery验证自定义错误消息的位置

来自分类Dev

jQuery验证,如何将错误消息挂接到div

来自分类Dev

jQuery验证插件单个元素的错误放置

来自分类Dev

使用jQuery验证在错误消息中显示输入值

来自分类Dev

jQuery验证与动态错误消息

来自分类Dev

如何控制jQuery验证错误消息

来自分类Dev

使用Jquery验证数据注释,不显示错误消息

来自分类Dev

jQuery验证错误消息到位

来自分类Dev

选择值后删除jquery验证错误消息

来自分类Dev

jQuery验证插件错误消息布局

来自分类Dev

规则的jQuery验证程序自定义错误消息位置

来自分类Dev

验证错误消息值

来自分类Dev

jQuery验证,如何将错误消息挂接到div

来自分类Dev

使用引导程序的jquery验证错误消息无法正常工作

来自分类Dev

jQuery在输入下验证发布错误消息

来自分类Dev

jQuery验证上的不同错误消息

来自分类Dev

jQuery验证错误消息的错误类与输入字段的关系

来自分类Dev

jQuery验证与多个工具箱的Tooltipster错误消息放置问题

来自分类Dev

jQuery验证中的错误放置

来自分类Dev

使用Jquery验证添加自定义错误消息

来自分类Dev

如何在弹出窗口中显示jquery验证错误消息?

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

jQuery 验证,基于输入类型的不同错误消息

来自分类Dev

JQuery 验证自定义错误消息未显示

Related 相关文章

热门标签

归档