Asp.netPage_ClientValidate的应用和跳过

作者：Lyj眼淚啲菋噵 | 来源：互联网 | 2023-10-10 01:07

其实网上说道的Page_ClientValidate的博客其实有很多。这里就不列举了，最近在开发遇到一个问题给大家分享一下，整理后的代码如下：HTMLcode，<%@PageLangu

其实网上说道的Page_ClientValidate的博客其实有很多。这里就不列举了，最近在开发遇到一个问题给大家分享一下，整理后的代码如下：

HTML code，

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ClientValid.aspx.cs" Inherits="WebApp.ClientValid" %>

DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   
    <title>title>
    <script type="text/Javascript" src="js/jquery.1.83.min.js">script>
    <script type="text/Javascript">
        function ValidationFees() {
            var btnAdd = $("#btnAdd");
            Page_ClientValidate();
            if (Page_IsValid) {
                btnAdd.attr("disabled", "disabled");
                __doPostBack("btnAdd", "");
                return true;
            }
        }

        function CancelFinancial() {           
           Page_ClientValidate();
            $("#btnCancel").attr("disabled", "disabled");
            __doPostBack("btnCancel", "");
            return true;
        }

    script>
head>
<body>
     
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">asp:ScriptManager>
    <div>
    
        <asp:TextBox ID="txtName" runat="server">asp:TextBox>
        <asp:RequiredFieldValidator ID="rfvName" runat="server" ErrorMessage="name is required" ControlToValidate="txtName">asp:RequiredFieldValidator>
        <asp:Label ID="labMsg" runat="server" Text="">asp:Label>
        <br />
     <asp:Button ID="btnAdd" runat="server" UseSubmitBehavior="false"  OnClientClick="return ValidationFees();" Text="Add" CssClass="button" 
                onclick="btnAdd_Click" />                
            <asp:Button ID="btnCancel" runat="server" OnClientClick="return CancelFinancial();"  Text="Cancel" CausesValidation="false" CssClass="button" 
                onclick="btnCancel_Click" />
    div>
<%--        <script type="text/Javascript">
            function WebForm_OnSubmit() {
               // if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
                return true;
            }
        script>--%>
    form>
body>
html>

C#的code 就忽略它吧。

一般asp:Button 的CausesValidation属性就是控制在提交前是否进行客服端验证。这里的btnCancel按钮应该不进行客服端验证，就算验证没通过也是可以发起post请求的啊。CausesValidation属性究竟是什么了，让我们看看生成的HTML code，

 <input type="submit" name="btnAdd" value="Add" onclick="return ValidationFees();WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("btnAdd", "", true, "", "", false, false))" id="btnAdd" class="button" />                
            <input type="submit" name="btnCancel" value="Cancel" onclick="return CancelFinancial();" id="btnCancel" class="button" />
    div>

CausesValidation为true的时候会有WebForm_DoPostBackWithOptions客户端function实现验证。我以前自己code的时候CancelFinancial函数一般如下，

function CancelFinancial() {           
            $("#btnCancel").attr("disabled", "disabled");
            __doPostBack("btnCancel", "");
            return true;
        }
这样btnCancel的服务端 函数一定执行，但是增加了Page_ClientValidate()过后，btnCancel的服务端 函数还执行吗？我这边测试出来 是不执行的。那我们把函数改为如下：

function CancelFinancial() {
Page_ClientValidate();
__doPostBack("btnCancel", "");
return true;
}

这样保留 Page_ClientValidate(); 而删除__doPostBack("btnCancel", ""); 测试后发现服务端函数触发。由于项目时间比较紧张当时我没有找到具体原因,真实项目比这个的demo复杂，发现移除 Page_ClientValidate();或者$("#btnCancel").attr("disabled", "disabled");还是没有在验证不过的情况下触发服务器端函数。于是解决方案就是修改WebForm_OnSubmit函数,

<script type="text/Javascript">
            function WebForm_OnSubmit() {
               // if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
                return true;
            }
        script>