将jQuery Validate插件消息放置在新行中 [英] Placing jQuery Validate plugin messages in new line

问题描述

我正在使用jQuery Validate.

I am using jQuery Validate.

一切正常，但是当有多个消息时，消息会在另一个消息旁边显示.

It's all working as it should but the messages are displaying one beside the other when there are more that one.

我需要消息显示在自己的行中.

I need the messages to display in their own line.

$("#myform").validate({

errorLabelContainer: "#messageBox",
debug: false,
rules: {
name: "required",
email: {
required: true,
email: true,
},
password: {
required: true,
minlength: 8
},
},
messages: {
name: "Please enter your name.",
email: "Please enter a valid email address.",
password: "Please enter at least 8 password characters.",
}
});

Current display: 

Message1Message2Message3

Wanted display: 

Message1
Message2
Message3

我该怎么做?

推荐答案

您可以在消息周围添加div并正确设置其样式.

You can add div's around the messages and style them properly.

name: "<div class='msgRow'>Please enter your name.</div>",
email: "<div class='msgRow'>Please enter a valid email address.</div>",
password: "<div class='msgRow'>Please enter at least 8 password characters.</div>",

这篇关于将jQuery Validate插件消息放置在新行中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！