转自:http://www.cnblogs.com/prolifes/articles/1631611.html
实现功能:
点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能(验证不通过,则不提交服务器页面)
背景:
1. 在同一个页面有服务器验证控件(RegularExpressionValidator),多个
2. 有Javascript函数,实现验证和其他功能
3. Button按钮,有两个事件OnClick,OnClientClick
方法:
调用客户端函数: Page_ClientValidate();
HTML页面
验证控件:
Code
<asp:TextBox ID="txt_Test" runat="server" Width="120px" MaxLength="8"></asp:TextBox>
<asp:RegularExpressionValidator ID="validator_Test" runat="server" ControlToValidate="txt_Test"
ErrorMessage="数字" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
<asp:TextBox ID="txt_Test" runat="server" Width="120px" MaxLength="8"></asp:TextBox>
<asp:RegularExpressionValidator ID="validator_Test" runat="server" ControlToValidate="txt_Test"
ErrorMessage="数字" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
按钮:
<
asp:ImageButton ID
=
"
btnPutin
"
runat
=
"
server
"
Text
=
"
提 交
"
OnClick
=
"
btnPutin_Click
"
OnClientClick = " if(Page_ClientValidate()) { return CheckNullValue()} " ImageUrl = " ../images/submit1.gif " />
OnClientClick = " if(Page_ClientValidate()) { return CheckNullValue()} " ImageUrl = " ../images/submit1.gif " />
脚本:
<
script type
=
"
text/javascript
"
>
function CheckNullValue()
{
alert('Test');
}
</ script >
function CheckNullValue()
{
alert('Test');
}
</ script >