使用javascript/jquery检测Asp.Net表单是否有效 [英] Detect if Asp.Net form is valid with javascript/jquery
本文介绍了使用javascript/jquery检测Asp.Net表单是否有效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个位于updatePanel中的表单,并且有一个带有隐藏加载图像的跨度,当用户单击提交按钮时,我想显示该跨度,但是我首先需要检查页面在客户端是否有效.另外,我正在使用jQuery显示加载范围.这是我的代码:
I have a form which is in an updatePanel and I have a span with hidden loading image, which I want to show when user clicks to submit button but I first need to check if page is valid on client side. Also I'm making loading span visible with jQuery. Here is my code:
<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>
推荐答案
好的,我找到了一个解决方案. Page_ClientValidate()可以解决问题.
Okay I found a solution. Page_ClientValidate() does the trick.
function showLoading() {
if (Page_ClientValidate()) { $("#loader").show(); }
else { alert("Form is invalid!"); }
}
这篇关于使用javascript/jquery检测Asp.Net表单是否有效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文