jQuery验证& Tooltipter一次显示一个验证消息

时间:2013-09-23 15:22:20

标签: jquery jquery-validate tooltipster

我正在使用jQuery验证和工具提示器来显示工作正常的错误消息。但是,我希望从表单顶部一次显示一条错误消息。目前,我将显示每个无效字段。

所以说如果项目4刚刚填写但项目3没有正确填写,则验证消息显示在3上,直到正确填写。

到目前为止,这是使用jquery validator with tooltip

的代码
$('#myform input[type="text"]').tooltipster({
                trigger: 'custom',
                onlyOne: false,
                position: 'top'
            });


            $('#myform').validate({
                errorPlacement: function (error, element) {

                    $(element).tooltipster('update', $(error).text());
                    $(element).tooltipster('show');
                },
                success: function (label, element) {
                    $(element).tooltipster('hide');
                },
                rules: {
                    EmailId: {
                        required: true,
                        email: true
                    },
                    Password: {
                        required: true,
                        minlength: 5

                    },
                    ComparePassword: {
                        required: true,
                        minlength: 5,
                        equalTo: "#Password"

                    },
                    FirstName: {
                        required: true
                    },
                    LastName: {
                        required: true


                }

                },

            });

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

引用OP

  

“但我想一次显示一条错误消息”

也许你错过了这个选项?

$('#myform input[type="text"]').tooltipster({
    trigger: 'custom',
    onlyOne: false, // <--  THIS HERE
    position: 'top'
});

From the original answer

onlyOne: false,    // allow multiple tips to be open at a time