0

这是我到目前为止所拥有的，但事情并没有真正起作用。（我将 jQuery.js 文件从解决方案资源管理器拖到我的 html 区域。

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SignUpFormTest._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            //fade in the context of whatever is inside the div tag.
            $('#name').fadeIn("slow");
        });
    </script>
</head>

<body bgcolor="#FFFFFF">

<p>
Note that this form doesn't actually do anything
except illustrate the Required Field Validator.
</p>

<form id="frmValidator" action="required.aspx" method="post" runat="server">

    Enter Your Name:
    <asp:TextBox id="txtName" runat="server" />
    <div id="name"><asp:RequiredFieldValidator id="valTxtName" ControlToValidate="txtName" ErrorMessage='<img src="../Images/no.png">' runat="server" /></div>

    <br />
    <asp:button id="btnSubmit" text="Submit" runat="server" />

</form>
<p>
Hint: Try submitting it before you enter something.
</p>
</body>


</html>

验证图标时会弹出。

没有淡入或任何东西。另外，我知道我当前的解决方案很老套，所以我真的很想有人告诉我我应该做什么，而不是仅仅为了一个动画的目的而创建一个 DIV 标签。

4

2 回答 2

0 
 $(document).ready(function() { 
document.getElementById('valTxtName').onpropertychange = function(){
            $('#name').fadeIn("slow"); 
}

});
于 2010-01-23T11:56:59.533 回答
0

确保对 JQuery 的引用有效并使用以下代码：

$(document).ready(function() {
    $('#name').hide().fadeIn("slow");
});

如果我没记错的话，由于 div 在您的情况下已经可见，jQuery 不会将其淡入。该hide()方法确保 div 最初不可见，然后慢慢淡入。

于 2010-01-23T12:37:21.500 回答