Jquery 如何将错误消息显示为工具提示？

我试图将错误消息显示为工具提示，如下面的链接所示，但这对我不起作用。请让我知道错误是什么。 我面临的错误是工具提示错误消息，而不是显示在元素旁边，它显示在表外的某些位置。 链接一如下：

我在这里发布我的代码：

<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr>
<td colspan="4">MAIN DETAILS
</td>
</tr>
<tr>
<td class="TCDetail_Title">Launch Number:
</td>
<td class="TCDetail_Item">[LaunchID]
</td>
<td class="TCDetail_Title">
</td>
<td class="TCDetail_Item">
</td>
</tr>
<tr>
<td class="TCDetail_Title">Client:
</td>
<td class="TCDetail_Item">[CustName]
</td>
<td class="TCDetail_Title">Job Number:
</td>
<td class="TCDetail_Item">[JobID]-[DashID]
</td>
</tr>
<tr>
<td class="TCDetail_Title">Supplier:
</td>
<td class="TCDetail_Item">[SuppName]
</td>
<td class="TCDetail_Title">Supplier Code:
</td>
<td class="TCDetail_Item">[SupplierID]
</td>
</tr>
<tr>
<td class="TCDetail_Title">Service Date:
</td>
<td class="TCDetail_Item"><input type="text" class="clr" size="8" name="frmServiceDate" id="frmServiceDate" value="[DateScheduled]" class="Sdate">
</td>
<td class="TCDetail_Title">Activity:
</td>
<td class="TCDetail_Item">
<select name="frmActivityType" id="frmActivityType">
<option value='' selected=''>PleaseSelect..</option>
<option value='1'>Inspect</option>
<option value='2'>Audit</option>
</select>
</td>
</tr>
<tr>
        <td colspan="4">
            <div class="buttons">
                <button onclick="checkall();">Submit Timecard</button>
                <button>Cancel</button>
            </div>
        </td>
</tr>
</table>

主要细节
发布编号：
[启动ID]
客户：
[客户名称]
工作编号：
[JobID]-[DashID]
供应商：
[补充名称]
供应商代码：
[供应商ID]
服务日期：
活动：
请选择。。
检查
审计
提交考勤卡
取消

Jquery脚本：

<script type="text/javascript">
$.validator.addMethod(
"Sdate",
function (value, element) {

var nowdate=new Date();
if(Date.parse(value) < Date.parse(nowdate))
return (Date.parse(value));

},
"Service Date should not be greater than todays Date."
);
$(document).ready(function(){

$("#Form").validate({
rules:
{
frmActivityType : "required",
frmServiceDate :
{
required: true,
date: true,
Sdate:true
}
},
errorElement: "div",
wrapper: "div", // a wrapper around the error message
errorPlacement: function(error, element) {
offset = element.offset();
error.insertAfter(element)
error.addClass('message'); // add a class to the wrapper
error.css('position', 'absolute');
error.css('left', offset.left + element.outerWidth());
error.css('top', offset.top);
}
});
});
</script>

$.validator.addMethod(
“Sdate”，
函数（值、元素）{
var nowdate=新日期（）；
if（Date.parse（value）

和CSS样式块：

<style>
div.message{
background: transparent url(msg_arrow.gif) no-repeat scroll left center;
padding-left: 7px;
}

div.error{
background-color:#F3E6E6;
border-color: #924949;
border-style: solid solid solid none;
border-width: 2px;
padding: 5px;
}
</style>

分区信息{
背景：透明url（msg_arrow.gif）不重复向左中心滚动；
左侧填充：7px；
}
分区错误{
背景色：#F3E6E6；
边框颜色：#924949；
边框样式：实心无；
边框宽度：2倍；
填充物：5px；
}

提前感谢,，

---

Sravanthi

您可以使用JQuery UI Postion API将错误消息定位到元素旁边

---

希望有帮助。

这把小提琴也有同样的问题吗？嘿，andrew，这就是我复制您的代码并在我的浏览器中使用的内容，但它没有在元素旁边显示错误消息。我注意到您的验证脚本使用了

，但您提供的标记不包含

表单

元素。这只是一个打字错误吗？@andrew，因为我在dotnet nuke中使用它，所以html已经为我提供了带有id的表单表单，这就是我不需要在代码中放置表单元素的原因。不管怎样，当我在错误放置函数中更改偏移量值时，它都能正常工作。感谢帮助Hey感谢对我有效的帮助我像这样更改了代码中的偏移量工作：errorElement:“div”，wrapper:“div”，//围绕错误消息的包装errorPlacement:function（error，element）{offset=“292 382”；error.insertAfter（element）error.addClass（'message'）；//向包装错误添加一个类。css（'position'，'absolute'）；error.css（'left'，offset.left+element.outerWidth（））；error.css（'top'，offset.top）; }