2012-10-19 64 views
-1

我有一个文本框和表格单元格内的跨度td。如果文本框包含无效的字符跨度,将出现一条消息。我的问题是,当消息(跨度)显示文本框将被移动到左侧,即使在td中有足够的位置。这是代码。我如何制作它以便它不会移动到左侧。jquery显示范围的正确方法

<td style="text-align:left;"> 
    <asp:TextBox ID="txtWSName" runat="server"></asp:TextBox> 
    <span class="grayUrl" id="wrongNameSpan" style="display:none">wrong character</span> 
</td> 

 

$("#txtWSName").blur(function() { 
    var value = $(this).attr("value"); 
    if (!IsValidName(value)) { 
      $(this).addClass("missing"); 
      $("#wrongNameSpan").show("slow"); 
     } 
}); 
+0

请用你的html + js + css – rahul

+0

做一个jsfiddle而不是使用.show()使用.css('display','inl喔啉块“)。通过使用.show,jQuery将显示更改为阻止,从而使您的跨度成为一个整体,解释为什么它会更改行。 –

+0

你的代码在这里工作,虽然... http://jsfiddle.net/UuGxx/1/ –

回答

1

尝试

<td style="text-align:left;"> 
    <asp:TextBox ID="txtWSName" runat="server" style="float:left"></asp:TextBox> 
    <span class="grayUrl" id="wrongNameSpan" style="display:none; float:left;">wrong character</span> 
</td> 

如果仍然出现问题,那么有可能是与宽度,填充,TD或输入或SPAN

的保证金问题
+0

谢谢,这不是问题。 – user217648