Jquery 当ko验证消息较长时，如何将其对齐

我已经使用ko验证消息来验证输入字段。如何将包装上的验证消息与指定位置对齐

<input id="personName" class="form-control placeholder has-error" type="text"
 data-bind="value: name" style="width:225px;">
ko.validation.init({insertMessages: true});
var vm = {
    name: ko.observable('name').extend({required: { message: "Please enter a username.", params: true }, email: { message: "Username should be in a valid email address format which is used.", params: true }})
}
ko.applyBindings(vm);

init（{insertMessages:true}）；
var vm={
name:ko.observable（'name'）.extend（{required:{message:“请输入用户名。”，params:true}，email:{message:“用户名应使用有效的电子邮件地址格式。”，params:true}）
}
ko.应用绑定（vm）；

我的密码在里面

---

将css添加到输入中，如：

input, .form-control {
    float: left;
    margin: 0 5px 0 0;
    width: 225px;
}

---

将css添加到输入中，如：

input, .form-control {
    float: left;
    margin: 0 5px 0 0;
    width: 225px;
}

---

如果您想为此更改您的DOM，那么我们将有一个固定的

宽度

容器，然后我们将

浮动

输入

以及生成的JS

span

到

左侧

，并将为它们指定一个固定的

宽度

，或者您也可以将

浮动

它们分配到

左侧

和

右侧

（浮动

左侧

和

右侧

）

多个

输入
元素嵌套在
ul
和
li
下，具有自清除
li

注意：如果您有多个
输入
字段，请使用
ul
和
li
元素，并确保
清除
每个
li
后的
浮动
，如果您想为此更改DOM，那么我们将有一个固定的
宽度
容器，然后我们将
float
输入
以及生成的
span
JS分配给
左侧
，并将它们分配一个固定的
宽度
，或者您可以
float
将它们分配给
左侧
和
右侧


（浮动
左侧
和
右侧
）

多个
输入
元素嵌套在
ul
和
li
下，具有自清除
li

注意：如果您有多个
输入
字段，请使用
ul
和
li
元素，并确保
清除
每个
li
之后的
浮动
，需要将css绑定到将应用于所有标记的div中。像这样的

<div data-bind="attr: { class: 'wrap'}" > 

  <input id="personName" class="form-control placeholder has-error" type="text" 
    data-bind="  value: name " style="width:225px;"  />

</div>

需要将css绑定到将应用于所有标记的div中。像这样的

<div data-bind="attr: { class: 'wrap'}" > 

  <input id="personName" class="form-control placeholder has-error" type="text" 
    data-bind="  value: name " style="width:225px;"  />

</div>

您必须将其绑定到元素文本具有自由流行为我们的fiddle不工作？？在文本框下方显示错误消息如何？@Anup fiddle正在为其工作me@Anup去掉名字，潘迪扬，固定宽度可以接受吗？我们还可以更改DOM吗？您必须将其绑定到元素中文本具有自由流行为我们的fiddle不工作？？在文本框下方显示错误消息如何？@Anup fiddle正在为其工作me@Anup去掉名字，潘迪扬，固定宽度可以接受吗？我们还可以更改DOMif这可以解决他的问题，那么问题是什么？Era他说它对FIDLE有效，但如果你有多个输入字段？我不是说你错了，我是说当你在
表单中有更多的元素时它就会失败，当你使用
float
而没有任何包装器元素时，它将一个接一个地放在一起，所以我问他我们是否可以修改DOM:）-->ohhk。。我的错。。然后，你需要在每个输入标记后添加一个包装器或放置一个清晰的div。如果这可以解决他的问题，那么问题出在哪里？@Era他说这对fiddle有效，但如果你有多个输入字段？我不是说你错了，我的意思是，当你在
表单中有更多的元素时，它就会失败，而当你使用
float
而没有任何包装器元素时，它会一个接一个地放在一起，所以我问他我们是否可以修改DOM:）-->Ohhhk。。我的错。。然后，您需要在每个输入标记后添加一个包装器或放置一个清晰的div。