J'ai un formulaire qui est dans un updatePanel et j'ai un span avec l'image de chargement cachée, que je veux montrer lorsque l'utilisateur clique sur le bouton soumettre, mais je dois d'abord vérifier si la page est valide du côté client. Aussi, je suis en train de rendre le span de chargement visible avec jQuery. Voici mon code:Détecter si le formulaire Asp.Net est valide avec javascript/jquery
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function showLoading() {
$('#loader').show();
}
</script>
</head>
<body>
<asp:ScriptManager ID="smMain" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="upForm" runat="server">
<ContentTemplate>
<asp:MultiView ID="mvContact" runat="server" ActiveViewIndex="0">
<asp:View ID="vDefault" runat="server">
<asp:TextBox ID="tEMail" runat="server" CssClass="input" />
<asp:RequiredFieldValidator ID="rfvEMail" runat="server" ControlToValidate="tEMail" ErrorMessage="* required" Display="Dynamic" />
<asp:RegularExpressionValidator ID="revEMail" runat="server" ControlToValidate="tEMail" ErrorMessage="* invalid" Display="Dynamic" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" />
<asp:ImageButton ID="btnSubmit" runat="server" ImageUrl="~/Assets/Images/btnSubmit.png" ToolTip="Submit Form" style="margin:5px 5px 0 -5px" onclick="btnSubmit_Click" OnClientClick="showLoading();" />
<span id="loader"><img src="Assets/Images/loader.gif" title="Sending..." /></span>
</asp:View>
<asp:View ID="vResult" runat="server">
<div class="result">
<span id="lResult" runat="server">Your message is sent</span>
</div>
</asp:View>
</asp:MultiView>
</ContentTemplate>
</asp:UpdatePanel>
</body></html>
Merci sœur! J'ai eu le même problème et votre réponse m'a aidé :) –