• 同一个页面用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>
  • 相关阅读:
    面对对象1
    php数组
    操作字符串,正则表达式
    php运算符and函数
    sql 数学函数and字符串函数and日期函数
    高级查询
    简单查询
    php环境搭建
    第三阶段项目错误记录
    thinkphp获取刚添加数据的主键值
  • 原文地址:https://www.cnblogs.com/yeagen/p/1336464.html
Copyright © 2020-2023  润新知