码迷,mamicode.com
首页 > 其他好文 > 详细

当有“Button1.Attributes.Add("onclick", "return confirm('你确定要保存修改吗?')");”时,验证控件失效的解决方法

时间:2018-10-05 18:59:45      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:log   fun   ova   reg   null   tcl   影响   脚本   rip   

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

实现功能:

        点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能
                                                (验证不通过,则不提交服务器页面)
背景:
       1. 在同一个页面有服务器验证控件(RegularExpressionValidator),多个
       2. 有Javascript函数,实现验证和其他功能
       3. Button按钮,有两个事件OnClick,OnClientClick
方法:

HTML页面


     验证控件:

    <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(CheckClientValidate()) { return CheckNullValue()}" ImageUrl="../images/submit1.gif" />

    

      脚本:

<script type="text/javascript">

     //返回,服务器验证控件是否成功
     //Author:  ADD by Aprillee at 2007-12-27
技术分享图片  //Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}"
  function CheckClientValidate()

  {
     Page_ClientValidate();

      if (Page_IsValid)

      {
          return true;

      }

       else

      {
          return false;
       }
  }
技术分享图片// 以下为自定义脚本功能
技术分享图片function CheckNullValue()
{
       alert(‘Test‘);
 }
</script>

--------------------- 本文来自 shfongfeng 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/shfongfeng/article/details/5985600?utm_source=copy 

当有“Button1.Attributes.Add("onclick", "return confirm('你确定要保存修改吗?')");”时,验证控件失效的解决方法

标签:log   fun   ova   reg   null   tcl   影响   脚本   rip   

原文地址:https://www.cnblogs.com/asdyzh/p/9745346.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!