jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在元素下面显示jquery验证错误大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个非常紧密的元素(下拉菜单).这些元素是必填字段.

我正在使用jquery valiate来验证字段.当元素附近显示一个控件的错误消息时,两个元素之间的错误消息将显示,并且元素之间的空间增加

$('#RegisterForm').validate({
        rules: {
            Country:{required: truE},State:{required: truE}
        },messages: {
            Country:{required: "SELEct Country"},State:{required: "SELEct State"}
        }
    });

我试过在元素之前使用break作为:

$('#RegisterForm').validate({
            rules: {
                Country:{required: truE},State:{required: truE}
            },messages: {
                Country:{required: "<br/>SELEct Country"},State:{required: "<br/>SELEct State"}
            }
        });

当我这样做,第二个元素移动到下一行.

如何在不影响附近元素的对齐方式的情况下显示错误信息.

解决方法

使用errorPlacement选项(参见文档: http://docs.jquery.com/Plugins/Validation/validate#toptions)
$('#RegisterForm').validate({
        rules: {
            Country:{required: truE},State:{required: "SELEct State"}
        },errorPlacement: function(error,element) {
            error.appendTo( element.parent("td").next("td") );
        }
    });

当然,你必须根据你的情况调整代码.

大佬总结

以上是大佬教程为你收集整理的在元素下面显示jquery验证错误全部内容,希望文章能够帮你解决在元素下面显示jquery验证错误所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。