`

同一个页面用Js和服务器验证控件OnClientClick提交问题

阅读更多

http://www.cnblogs.com/aprillee/archive/2008/05/07/1017395.html

实现功能:

点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能
(验证不通过,则不提交服务器页面)

背景:

1.在同一个页面有服务器验证控件(RegularExpressionValidator),多个
2. 有Javascript函数,实现验证和其他功能
3. Button按钮,有两个事件OnClick,OnClientClick
方法:

HTML页面
验证控件:

Code
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><asp:TextBoxID="txt_Test"runat="server"Width="120px"MaxLength="8"></asp:TextBox>
<asp:RegularExpressionValidatorID="validator_Test"runat="server"ControlToValidate="txt_Test"
ErrorMessage
="数字"ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
按钮:
<asp:ImageButtonID="btnPutin"runat="server"Text="提交"OnClick="btnPutin_Click"
OnClientClick
="if(CheckClientValidate()){returnCheckNullValue()}"ImageUrl="../images/submit1.gif"/>

脚本:
<scripttype="text/javascript">
//返回,服务器验证控件是否成功
//Author:ADDbyAprilleeat2007-12-27
//Example:OnClientClick="if(CheckClientValidate()){returnCheckNullValue()}"
functionCheckClientValidate(){

Page_ClientValidate();
if(Page_IsValid){
returntrue;
}
else{
returnfalse;
}

}

//以下为自定义脚本功能
functionCheckNullValue()
{
alert(
'Test');
}

</script>
分享到:
评论

相关推荐

    验证控件与Button的OnClientClick事件详细解析

    在一个页面中,当有验证控件的时候,当Button控件触发OnClientClick事件,并且这个事件会返回true和false的时候,验证控件就会失效,不起作用了。具体描述如下: .Net页面如下: 代码如下:&lt;form id=”form1″ ...

    onClientclick 失效问题.rar

    今天在开发过程中发现一个问题,在asp:Button按钮属性Enabled="false"时,也就是按钮变类状态。如果通过javascript来启用按钮的,也就是它的disabled=false。按钮变为可用,但当点击时无法触发onclientclick事件,...

    客户端统一验证JavaScript函数库及示例源码

    使用ChkInputs.js,会将光标定位到验证不通过的控件上,若控件上有文本同时将其文本选中高亮度显示,不会刷新页面,只有当所有验证通过时才会将结果提交到后台处理,可以使用鼠标或纯键盘及相结合的方式来操作。...

    关于asp.net button按钮的OnClick和OnClientClick事件

    一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效。当返回false时OnClick服务器端事件才被中止,当你的js验证有错误,也会跳过验证,直接执行...

    asp.net下OnClientClick的妙用!

    做网页经常要和JavaScript打交道,经常要用JavaScript做一些客户端的验证,但是如果我们的按钮用的是HTML控件的话,验证通过后无法调用后台代码,如果用服务器端控件,验证不通过有要刷新页面,这个有时候挺烦人的,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    ASPNET按钮只执行客户端代码不回送页面实现思路

    首先介绍asp:Button的两个事件OnClientClick和OnClick,前者OnClientClick是执行客户端JavaScript代码,后者OnClick是服务器代码,先执行postback,再在服务器运行。OnClientClick要先于OnClick,如果asp:Button里...

    asp控件和html控件的概念区别

    首先我们说说二者的概念区别吧... asp控件是必须发生页面提交的(除非强制取消,见2.),而html控件则可以提交也可以不提交(通过type属性设置) 2. asp控件OnClick与OnClientClick区别:OnClientClick执行客户端事件

    ExtAspNet_v2.3.2_dll

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    Asp.net防重复提交机制实现方法

    为Button或其他控件加上下面两个属性即可1.UseSubmitBehavior=”false”使用服务器端提交机制,即执行OnClick事件。 2.OnClientClick客户端点击按钮后,设置控件为不可用,控件文本显示处理中…,待服务器端执行完...

    JS在onclientclick里如何控制onclick的执行

    主要介绍了JS在onclientclick里如何控制onclick的执行的相关资料,需要的朋友可以参考下

    Asp.Net 不同的OnClick事件区别小结(onserverclick,onclientclick)

    1. HTML控件,如IMG的输入按钮等 的 onclick ( 客户端 )和 onserverclick( 服务端 )事件,注意 runat=”server”。。。 此处的onclick先于onserverclick执行。2.WEB控件,如&lt;asp:button 按钮等 的 ...

    asp.net(C#)中给控件添加客户端js事件的方法

    但我觉得有更直接更简单方法,用一个js事件是可以实现的。 但,DropDownList不偈Button等控件提供了一些像”OnClientClick”前台事件,只有服务端事件。 想到,所有C#页面代码,最终都是生成HTML,js事件也是最终运...

    FileUpload使用Javascript检查扩展名是否有效实现思路

    通用的检查方法。首先定义好有效的文件扩展名,... 代码如下:”FileUpload1″ runat=”server”&gt; ”btnUpload” runat=”server” Text=”Upload” xss=removed&gt;上面的HTML的Button按钮有一个OnClientClick事件,那是Ja

Global site tag (gtag.js) - Google Analytics