我正在为一个网站使用Twitter Bootstrap,并且我们使用jquery.validate。
我有一个带有附加按钮的输入元素。这是我们js验证中的必填字段。
代码如下:
<div class="controls">
<div class="input-append">
<input tabindex="1" name="url" class="input-large" id="url" type="text" placeholder="http://somewebsite.com" autocapitalize="off">
<button class="btn" type="button" name="attach" id="attach" />Fetch</button>
</div>
</div>
验证错误类使用jquery验证规则,并在每个其他元素上完美地工作。但是看起来,错误的跨度似乎附加在输入元素之后,这在大多数情况下都是绝对可以的。但在此输入字段实例中,它会破坏显示,因为它会分离附加的按钮。
下面是我所指的图像(之前和之后)
![enter image description here](https://istack.dev59.com/ItrmB.webp)
errorClass: "help-inline",
errorElement: "span",
highlight:function(element, errorClass, validClass) {
$(element).parents('.control-group').addClass('error');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
$(element).parents('.control-group').addClass('success');
}
对于输入字段,错误事件是:
url:{
required:true
},
并且消息是:
messages:{
url:{
required:"Enter URL beginning with http"
},