jQuery验证错误消息到位

肯尼斯·J

我有一个正在使用Jquery Validate验证的表单。该表单包含2个具有相同名称的复选框,其中至少必须选中一个复选框。为此,我在复选框名称上使用.validate()以及规则:required“。

虽然我能够成功验证(即,当未选中任何复选框时弹出错误消息),但第一个复选框之后仍显示错误消息,这不利于我的格式设置。

我目前正在使用errorElement和errorPlacement使错误消息显示在每个输入元素之后的一对span标记中,但是它似乎不适用于复选框。

HTML(提取):

<form id='BizAddItem' name='BizAddItem' method='post' action='additemprocess.php' enctype='multipart/form-data' novalidate='novalidate'>

        //More input elements above

        <div class='BizAddItemDetails'>
            <label for='BizFulfilment'>Order Fulfilment:</label>
            <input type='checkbox' id='BizFulfilment' name='BizFulfilment[]'>Delivery &nbsp
            <input type='checkbox' id='BizFulfilment' name='BizFulfilment[]'>In-Store Pickup
            <span></span>
        </div>
        //More input elements below

</form>

jQuery代码(摘录):

$('#BizAddItem').validate({

    errorElement:"span",
    errorPlacement:function(error,element){

        error.insertAfter(element);

    },

    rules:{

        //More items above

        'BizFulfilment[]':{

            required:true
        },

    },

    messages:{

        //More items above

        'BizFulfilment[]':{

            required:"Please select at least one option"
        },
    },

        submitHandler:function(form){

        form.submit();

        }

})

所提供的任何帮助将不胜感激。谢谢!

迪普·萨西达拉恩

试试这个....

 errorPlacement:function(error, element)
        {
            if($(element).attr("name")=="BizFulfilment[]")
            {
                $(element).parent().append(error);
            }else
            {
            $(error).insertAfter(element);
            }   
        },

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证错误消息放置

来自分类Dev

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

来自分类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

验证错误消息值

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

jQuery验证消息问题

来自分类Dev

jQuery验证上的不同错误消息

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

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

来自分类Dev

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