zoukankan      html  css  js  c++  java
  • 同一个页面用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>
  • 相关阅读:
    Vue学录 (第三章)
    Vue学录 (第二章)
    Vue 学录 (第一章)
    SpringBoot 学集 (第七章) 数据访问
    Leetcode789 阻碍逃脱者 曼哈顿距离
    Leetcode707 设计链表 双向链表实现
    leetcode 743 网络延迟时间 Dijkstra算法
    Leetcode676 实现魔法字典
    Leetcode443 压缩字符串 双指针原地压缩算法
    Leetcode23 合并K个升序链表
  • 原文地址:https://www.cnblogs.com/yeagen/p/1336464.html
Copyright © 2011-2022 走看看