Javascript 如何在div标记内显示jquery验证消息

我正在使用jQuery验证方法成功验证必填字段。一切正常，但我想在ia div标记中显示错误消息，这是一个选项，可以在显示错误10或20秒后使错误消失，基本上就像自动隐藏一样

这是我创建的标记

    <script type="text/javascript">
$(document).ready(function(){
    $("#cForm").validate({
    rules: {
        PaymentMethod: {
            required: true
        }
        ,ShippingMethod: {
            required: true
        }
    },

    messages: {

        PaymentMethod: {
            required:" Select a payment method!"
        }
        ,ShippingMethod: " Select a shipping method!."
    }   

    });

});
</script>

<sytle="text/css">
 #ship-msg, #pay-msg {display:none; background:url("/image/req.gi") no-repeat left center transparent;}
 .msg { color:#000;}

</style>


<form id="cForm" method="post" action="/pay.html">
<div class="ship-options">
<label for="ShippingMethod">Shipping Method</label>
<select id="ShippingMethod" name="ShippingMethod" >
  <option value="">Choose Shipping Method</option>
  <option value"UPS-GROUND">UPS GROUND</option>
  <option value"UPS-1DAY">UPS 1DAY</option>
  <option value"UPS-2DAY">UPS 2DAY</option>
    </select>
    <div id="ship-msg><div class="msg"> // display the error messgae here </div>
</div>

<div class="pay-options">
<label for="PaymentMethod">Payment Method</label>    
<select id="PaymentMethod" name="PaymentMethod" >
  <option value="">Choose Paymenet Method</option>
  <option value"VISA">VISA</option>
  <option value"MASTERCARD">MASTERCARD</option>
  <option value"AMEX">AMERICAN EXPRESS</option>
</select>
 <div id="pay-msg><div class="msg"> // display the error messgae here </div>
</div>
<input type="submit" value="Continue" id=" />

</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js"></script>

$（文档）.ready（函数（）{
$（“#cForm”）.validate({
规则：{
付款方式：{
必填项：true
}
，装运方法：{
必填项：true
}
},
信息：{
付款方式：{
必需：“选择付款方式！”
}
，ShippingMethod:“选择一种装运方式！”
}   
});
});
#ship msg，#pay msg{显示：无；背景：url（“/image/req.gi”）无重复左中透明；}
.msg{color:#000；}
运输方式
选择运输方式
UPS地面
UPS 1天
UPS 2日
//在此处显示错误消息
您拼错了开头的
标记。因此，
#发送消息
，
#支付消息
不会被隐藏：


您的脚本必须在加载jQuery后放置。这是在您的文档末尾。如果在加载jQuery脚本之前放置它，浏览器将无法识别诸如
$（document）.ready（）
和
$（“#cForm”）.validate（）之类的函数调用

我假设明显的错误（代码和样式标记错误之前的jQuery引用）只是您的疏忽，您想知道如何使出现/消失发生。如果要使错误出现，然后在一段时间后消失，当验证失败时，请调用此函数：

function ToggleErrorMessage(messageDiv) {
    messageDiv.toggle().delay(20000).toggle();
}

这将打开div，等待20秒，然后关闭它。“messageDiv”是您希望将此应用于的div。
这并不是严格使用验证，但这应该可以帮助您进行验证

谢谢您的重播。我试过这样做，但没有显示错误。我甚至删除了display:none以查看它是否工作，但是没有luckHow地狱可以为我在这篇文章中添加新的标记代码。我想展示我的新代码。请告诉我如何发布新代码
谢谢