2010-01-23 6 views
0

Voici ce que j'ai déjà fait mais ça ne marche pas vraiment. (Je traînais le fichier jquery.js de la solution Explorer pour la zone de mon html.Comment puis-je utiliser jQuery pour faire apparaître une icône de validation quelque peu lentement, en train de disparaître

<%@ 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> 

Lors de la validation de l'icône apparaît juste en haut.

Aucun fondu ou quoi que ce soit. En outre, Je sais que ma solution actuelle est aki, comme si je vraiment que quelqu'un me dise ce que je dois faire au lieu d'une création d'une balise DIV juste dans le but d'une animation.

Répondre

0

Assurez-vous que le référe e à JQuery est valide et utiliser ce code.

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

Si je ne me trompe pas, puisque la div est déjà visible dans votre cas, jQuery ne se décolore pas dans la méthode hide() assure que la div est d'abord pas visible, puis s'estompe lentement.

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

}); 
+0

Cela fait tout simplement apparaître. –