其实网上说道的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(&quot;btnAdd&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, 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>

这样一来btnCancel的服务端函数就执行（在客户端验证没过的情况下），btnAdd在客户端验证没过是不会执行的（根据当前的js函数，主要是btnAdd在这里是一个普通的button而不是一个submit的按钮）。

所以一般情况按钮提交前需要执行Page_ClientValidate函数 建议设置CausesValidation=true，而不是客服端调用 Page_ClientValidate函数，如果需要调用该函数请不要把按钮设置为disabled状态。应为从目前code来看

Page_ClientValidate();
$("#btnCancel").attr("disabled", "disabled");
__doPostBack("btnCancel", "");

和

if(Page_ClientValidate())
{

$("#btnCancel").attr("disabled", "disabled");
__doPostBack("btnCancel", "");
}

else{

$("#btnCancel").attr("disabled", "disabled");

}

是等价的。

Asp.net Page_ClientValidate 的应用和跳过的更多相关文章

  1. asp.net中几个网页跳转的方法及区别

    1:注意:Response.Redirect("a.html")是不能跳出框架.IFRAME的. 可以使用 Response.Write("<script Lang ...

  2. ASP.NET 中 POST 数据并跳转页面(译自 Redirect and POST in ASP.NET)

    本文翻译自 Samer Abu Rabie 的 <Redirect and POST in ASP.NET> 简介        在实际项目中,我们会遇到这样一种应用场景:我们需要与第三方 ...

  3. asp.net MVC4在Action间跳转 RedirectToAction 传值参数问题

    return RedirectToAction("Test", new { cw = cw, firstdirectoryid = firstdirectoryid }); 上式中 ...

  4. 【记录】ASP.NET MVC AuthorizeAttribute OnAuthorization 验证跳转

    重写 AuthorizeAttribute 的 OnAuthorization 方法: using System.Web.Mvc; namespace Demo.Web.Common { public ...

  5. ASP.NET MVC location.href不跳转

    表单使用submit导致不跳转 <button type="button">

  6. ASP.NET中POST数据并跳转页面

    需求:先Post提交数据,然后跳转到目标页面 找了好久才发现这个神奇的类HttpHelper.原理很简单,利用html的from表单拼接,然后执行 使用方法: NameValueCollection ...

  7. ASP.NET MVC Session 过期验证跳转至登入页面

    一.在要检查登入的控制器上继承 CheckLoginController 类 2. CheckLoginController 类的写法 using System; using System.Colle ...

  8. Asp.Net里关于Session过期跳转页面的一些小技巧

    这里算是自己的个人随笔吧,仅供参考使用,后续有更好的方法再做补充 之前在Aspx页面里面,在Session过期的时候我经常会使用 Server.Transfer("b.aspx") ...

  9. asp.net mvc 在JS中跳转到其它controller/action

    平时在ASP.NET 中经常这样写, $('#loginOut').click(function() {           $.messager.confirm('系统提示', '您确定要退出本次登 ...

随机推荐

  1. 详解django三种文件下载方式

    推荐使用FileResponse,从源码中可以看出FileResponse是StreamingHttpResponse的子类,内部使用迭代器进行数据流传输. 在实际的项目中很多时候需要用到下载功能,如 ...

  2. Linux学习笔记09—Sqlyog链接mysql配置

    第一步打开Linux命令窗口,进入超级用户.命令:[test@localhost ~]$ suPassword:输入超级用户密码第二步启动Mysql服务命令:[root@localhost test] ...

  3. 使用 IntraWeb (23) - 基本控件之 TIWTimer、TIWProgressBar、TIWProgressIndicator、TIWTimeEdit

    TIWTimer //和 TTimer 没多大区别, 它的默认事件现在是异步的(OnAsyncTimer), 在网络上使用 OnTimer 肯定是非常糟糕的 TIWProgressBar //进度条 ...

  4. CentOS 7使用yum安装Docker

    安装依赖 # 配置阿里云源 # 备份 cp /etc/yum.repos.d/CentOS-Base.repo{,.bak'_'`date +%Y%m%d_%H%M%S`} # 下载 wget -O ...

  5. web压力测试工具（小而精）

    实际的测试过程中,我们一般都是采用A.B两台机器,一台跑Web服务,另外一台跑ab测试.也有的情况是单机对单机可能测不出结果,那就要采用很多台机器同是跑AB去请求一台机器进行测试,根据多台机器反馈的结 ...

  6. HDU 4788 Hard Disk Drive （2013成都H，水题）

    Hard Disk Drive Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...

  7. Java 线程第三版 第四章 Thread Notification 读书笔记

    一.等待与通知 public final void wait() throws InterruptedException      等待条件的发生. public final void wait(lo ...

  8. Android 应用程序之间内容分享详解（一）

    一个Andoird应用程序的重要的地方是他们有相互沟通和整合的能力,一个应用程序可以和另一个应用程序交互,接下来我们来看看Android应用之间的内容分享 当你构建Intent的时候,必须要指定Int ...

  9. 使用JavaScript的数组实现数据结构中的队列与堆栈

    今天在项目中要使用JavaScript实现数据结构中的队列和堆栈,这里做一下总结. 一.队列和堆栈的简单介绍 1.1.队列的基本概念 队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被 ...

  10. 使用Builder模式造车

    Builder模式也可以造车. 对于Builder模式来说,首相要把要造的车确定下来: public class Car { public string Model { get; set; } pub ...