Javascript 关于如何正确处理引导验证消息对齐

我是新手

我想更改验证消息现在的显示方式，使其显示在单独的一行中，请建议如何在当前代码中执行。请参考以下屏幕截图

/*
/*菲利佩·皮纳创作
*签名、注册、组件的特定样式
*/
/*
*一般风格
*/
身体，
html{
身高：100%；
背景重复：无重复；
背景色：#D3；
字体系列：“氧气”，无衬线；
背景图片：url（“/images/plants-leaf_gro.jpg”）；
}
梅因先生{
利润上限：70像素；
}
h1.标题{
字体大小：50px；
字体系列：“激情一号”，草书；
字体大小：400；
}
h1{
颜色：白色；
}
人力资源{
宽度：10%；
颜色：#fff；
}
.表格组{
边缘底部：15px；
}
标签{
边缘底部：15px；
}
输入，
输入：：-webkit输入占位符{
字体大小：11px；
垫面：3件；
}
.主登录名{
背景色：#fff；
/*阴影和圆形边框*/
-moz边界半径：2px；
-webkit边界半径：2px；
边界半径：2px；
-moz盒阴影：0px 2px 2px rgba（0,0,0,0.3）；
-webkit盒阴影：0px 2px 2px rgba（0,0,0,0.3）；
盒影：0px2px2pRGBA（0,0,0,0.3）；
}
.窗体组.控件标签：后{
内容：“*”；
颜色：红色；
}
.主中心{
边缘顶部：30px；
保证金：0自动；
最大宽度：570px；
填充：40px 40px；
}
.登录按钮{
边缘顶部：5px；
}
.登入登记册{
字体大小：11px；
文本对齐：居中；
}
/*无效字段的颜色*/
。有错误标签。错误{
颜色：#a94442；
}
/*有效字段的颜色*/
.已成功。控制标签{
颜色：#3c763d；
}

管理

你的名字
你的电子邮件
公司名称
地址
陈述
城市
印刷城市（“州”）；
拉链
电话号码
密码
确认密码
登记
$（'#registerForm'）。验证({
规则：{
姓名：{
最小长度：2，
必填项：true
},
公司名称：{
最小长度：2，
必填项：true
},
联系人姓名：{
最小长度：2，
必填项：true
},
电邮：{
要求：正确，
电子邮件：真的
},
地址:{
最小长度：2，
必填项：true
},
电话号码：{
最小长度：10，
必填项：true
}
},
亮点：功能（元素）{
$（元素）。最近（'.form group'）。removeClass（'success'）。addClass（'has-error'）；
},
成功：功能（元素）{
元素addClass（'valid'）
.closest（'.form group'）.removeClass（'error'）.addClass（'has-success'）；
}
});

更改

.has-error label.error {
    color: #a94442;
}

到

---

更改

validate

添加错误元素的位置，使其位于引导

输入组的外部

errorPlacement: function(error, element) {
  element.parent().after(error);
}

另外，
突出显示
和
成功
函数使用不同的错误类别。将突出显示的
更改为：

$(element).closest('.form-group').removeClass('success').addClass('has-error');


更新：删除元素，而不是将类
valid
添加到验证标签

success: function(element) {
  element.closest('.form-group').removeClass('has-error').addClass('has-success');
  element.remove();
}


$（'registerForm'）。验证({
规则：{
姓名：{
最小长度：2，
必填项：true
},
公司名称：{
最小长度：2，
必填项：true
},
联系人姓名：{
最小长度：2，
必填项：true
},
电邮：{
要求：正确，
电子邮件：真的
},
地址:{
最小长度：2，
必填项：true
},
电话号码：{
最小长度：10，
必填项：true
}
},
亮点：功能（元素）{
$（元素）。最近（'.form group'）。removeClass（'success'）。addClass（'has-error'）；
},
成功：功能（元素）{
元素。最近的（'.form group'）。removeClass（'has-error'）。addClass（'has-success'）；
元素。移除（）；
},
errorPlacement:函数（错误，元素）{
元素。父元素（）。之后（错误）；
}
});
/*
/*菲利佩·皮纳创作
*签名、注册、组件的特定样式
*/
/*
*一般风格
*/
身体，
html{
身高：100%；
背景重复：无重复；
背景色：#D3；
字体系列：“氧气”，无衬线；
背景图片：url（“/images/plants-leaf_gro.jpg”）；
}
梅因先生{
利润上限：70像素；
}
h1.标题{
字体大小：50px；
字体系列：“激情一号”，草书；
字体大小：400；
}
h1{
颜色：白色；
}
人力资源{
宽度：10%；
颜色：#fff；
}
.表格组{
边缘底部：15px；
}
标签{
边缘底部：15px；
}
输入，
输入：：-webkit输入占位符{
字体大小：11px；
垫面：3件；
}
.主登录名{
背景色：#fff；
/*阴影和圆形边框*/
-moz边界半径：2px；
-webkit边界半径：2px；
边界半径：2px；
-moz盒阴影：0px 2px 2px rgba（0,0,0,0.3）；
-网络工具包盒阴影：0px 2px 2px rgb
success: function(element) {
  element.closest('.form-group').removeClass('has-error').addClass('has-success');
  element.remove();
}