asp.net中button控制先执行js再执行后台程序的方法

本文实例讲述了asp.net中button控制先执行js再执行后台程序的方法。分享给大家供大家参考。具体分析如下：

在.net中要实现button控制点击之后先执行js再执行后台程序这个看上去没什么难度，这里我们就一起来看一个asp.net中button控制先执行js再执行后台程序的实现方法，希望可以帮助到各位。

关于button这个服务器控件，我一直想减少它向服务器提交数据。那些检测，还是在客户端实现就好了。

这就需要javascript，但是我发现仅仅有javascript还是不够的。button服务器控件的单击事件叫“onClick”，所以javascript就无法使用这个事件。因为重名了。我想实现的是单击button的时候，先执行客户端的javascript代码，然后再执行后台事件。

如果使用的是html控件，就不存在这种问题了。但是，我就是想实现服务器控件的这一功能，有时候服务器控件也是很好用的。
先给aspx页面增加一个服务器控件button

在页面初始化的时候，给button这个服务器控件增加一个客户端事件。也就是在Page_Load()这个方法里面加一句代码:

代码如下:

if (!IsPostBack)
{
 //给button1添加客户端事件
 btnSave.Attributes.Add("OnClick", "return UserAddVerify()");
}

UserAddVerify 是js端实现的函数，主要用来检测数据的有效性。

代码如下:

function UserAddVerify() {
    var userName = document.getElementById("TxtUserName").value;
    var password = document.getElementById("TxtUserPassword").value;
    var repassword = document.getElementById("TxtUserPasswordConfirm").value;
    var identity = document.getElementById("TxtUserIdentity").value;
    var mobile = document.getElementById("TxtUserMobile").value;
    var realName = document.getElementById("TxtUserRealName").value;
    var btnSave = document.getElementById("btnSave");
    var identityReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
    var mobileReg = /1[3-8]+\d{9}/;
    if (userName == "" || userName == null) {
        alert("用户名不能为空");
        return false;
    }
    else if (password == "" || password == null) {
        alert("密码不能为空");
        return false;
    }
    else if (repassword == "" || repassword == null || repassword != password) {
        alert("对不起，两次输入密码不一样");
        return false;
    }
    else if (identity == "" || identity == null || identityReg.test(identity) === false) {
        alert("请输入合法的身份证号码");
        return false;
    }
    else if (mobile == "" || mobile == null || mobileReg.test(mobile) == false) {
        alert("请输入合法的手机号码");
        return false;
    }
    else if (realName == "" || realName == null) {
        alert("姓名不能为空");
        return false;
    }
    return true;
}

上面的return ture和false是很重要的，这决定了是否往下执行，往下执行就应该是将数据提交到后台处理数据。当返回true时，后台执行button1_Click这个方法(事件)。

希望本文所述对大家的asp.net程序设计有所帮助。

赞 (0)

相关推荐

  • asp.net下linkbutton的前后台使用方法

    前台: 复制代码 代码如下: <asp:LinkButton runat="server" ID="lbtnUp" CommandArgument='<%#Eval("id") %>' OnClick="lbtnUp_Click">修改</asp:LinkButton> 后台:  复制代码 代码如下: protected void lbtnUp_Click(object sender, Ev

  • asp.net js模拟Button点击事件

    复制代码 代码如下: <script type="text/javascript"> ///模拟按钮点击事件,插入数据 function addTmpDataApp() { document.<%=formCC.ClientID %>.<%=btnjh.ClientID %>.click(); } </script> 这有时候是无法执行模拟点击的. 需要加上一句代码就可以了. 复制代码 代码如下: <script type=&quo

  • js触发asp.net的Button的Onclick事件应用

    在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制的麻烦. asp.net带来便利的同时,也带来一个问题.在实际应用中一个页面存在多个按钮的情况并不多.用户习惯于在输入框输入内容之后,直接按回车就提交表单了.由于asp.net采用的是事件驱动模式,所以默认用户按回车并没有触发按钮的onclick事件.用户按回车也不是没有提交表单,通过httpwath可以看到,实际上页面表单是提交到了form下的action页

  • asp.net button 绑定多个参数

    复制代码 代码如下: CommandName="id_" CommandArgument='<%#Eval("id_comments_")+","+Eval("iscertification_comments_") %>' OnCommand="comment_click" 复制代码 代码如下: protected void comment_click(object sender,Command

  • ASP.NET中ImageButton图片按钮控件的使用

    ImageButton 说白了,就是一个能显示图片的按钮,用法和Button基本一致,无非就是点击之后触发事件,只是比Button展现更丰富一些. 一.常见 ImageButton 属性 属性 描述 ImageUrl 在 ImageButton 控件中显示的图像的路径. ToolTip 提示的文本. AlternateText 图像无法显示时显示的文本. 二.ImageButton实例演示 前台代码 ImageButton.aspx 复制代码 代码如下: <%@ Page Language=&quo

  • 关于asp.net button按钮的OnClick和OnClientClick事件

    一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效.当返回false时OnClick服务器端事件才被中止,当你的js验证有错误,也会跳过验证,直接执行服务器端事件OnClientClick.为了避免这样的错误,可以考虑用服务端验证这样就省去了OnClientClick事件,就不用考虑和OnClick的冲突了.

  • ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解

    ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解

    ASP.NET Framework包含三个用于向服务器端提交表单的控件:Button.LinkButton和ImageButton.这三个控件拥有同样的功能,但每种控件的外观界面不同. 本文就带着大家学习如何在页面中使用这三种控件.然后,学习如何关联客户端脚本和服务器端Button控件,以及如何使用Button控件把一个表单传到不是当前页的页面.最后,学习如何处理Button控件的Command事件. 一.使用Button控件 Button控件用来向服务器端提交表单的按钮.例如,代码清单1中的页

  • ASP.NET自定义Web服务器控件之Button控件

    本文实例讲述了ASP.NET自定义Web服务器控件之Button控件实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: using System;  using System.Collections.Generic;  using System.ComponentModel;  using System.Linq;  using System.Text;  using System.Web;  using System.Web.UI;  using System.Web.U

  • asp.net中button控制先执行js再执行后台程序的方法

    本文实例讲述了asp.net中button控制先执行js再执行后台程序的方法.分享给大家供大家参考.具体分析如下: 在.net中要实现button控制点击之后先执行js再执行后台程序这个看上去没什么难度,这里我们就一起来看一个asp.net中button控制先执行js再执行后台程序的实现方法,希望可以帮助到各位. 关于button这个服务器控件,我一直想减少它向服务器提交数据.那些检测,还是在客户端实现就好了. 这就需要javascript,但是我发现仅仅有javascript还是不够的.but

  • selenium执行js并绕过webdriver监测常见方法

    目录 selenium执行js 优点:直接调用浏览器的环境 障碍:绕过selenium监测 原理: # 执行js代码 bro.execute_script('js代码') 常见的selenium监测手段 正常登录 window.navigator.webdriver == undefined 自动化的 window.navigator.webdriver == true 除此之外,还有一些其它的标志性字符串(不同的浏览器可能会有所不同),常见的特征串如下所示: webdriver __drive

  • WPF中button按钮同时点击多次触发click解决方法

    解决WPF中button按钮同时点击多次触发click的方法,供大家参考,具体内容如下 DateTime lastClick = DateTime.Now; object obj = new object(); int i = 0; private void Button_Click(object sender, RoutedEventArgs e) { this.IsEnabled = false; var t = (DateTime.Now - lastClick).TotalMillise

  • Asp.net中使用文本框的值动态生成控件的方法

    Asp.net中使用文本框的值动态生成控件的方法

    看到一个网友,有论坛上问及,动态的生成checkbox控件,在文本框中输入一个"花"字,点一下"生成"按钮,就会在下面生成一个checkbox,它的text属性是"花".再输入一个"鸟",点一下按钮,就会生成第二个checkbox控件,text属性是"鸟"... Insus.NET的解决方法很简单,就是每次在文本框输入的值都存起来,然后把这些数据绑定至一个CheckBoxList控件上就行了. 详细,先创建

  • C语言中system()执行cmd命令打开关闭程序的方法

    函数原型: int system(char *command); 使用该函数需要添加<stdlib.h>头文件 1.打开程序 系统自带程序可直接使用start命令 system("start iexplore.exe"); //启动ie 非系统自带程序需要加入路径 system("start D:\Tencent\WeChat\WeChat.exe"); //启动改路径下的客户端 注意如果路径中有空格,需要对整个路径添加双引号 2.关闭程序 system

  • ASP.NET中日历控件和JS版日历控件的使用方法（第5节）

    ASP.NET中日历控件和JS版日历控件的使用方法（第5节）

    今天小编带大家以做任务的形式了解ASP.NET中日历控件的使用方法,主要任务内容: 1.添加一个日历,设置日期以蓝色的完整名称显示,周末以黄色背景红色文字显示,而当前日期使用绿色背景显示,用户可以选择一天.一周或整个月,被选的天/周/月使用灰色背景色来显示.当选中一个日期后,把时间显示在下面的一个文本框中,效果如图所示: 2.设计一个注册页面,使用js日历控件帮助用户输入出生日期.效果如图所示: 学习项目一  Calendar日历控件 1.在站点下创建一个Calendar页面,并在页面上拖放一个

  • asp.net中ListBox 绑定多个选项为选中及删除实现方法

    asp.net中ListBox 绑定多个选项为选中及删除实现方法

    我们先来看listbox绑定多选项实现 复制代码 代码如下: <%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"

  • Asp.net中的GridView导出遇到的两个问题和解决方法

    对于GridView导出的内容的代码大致如下: Response.Clear(); Response.Buffer = true; Response.Charset = "GB2312"; Response.AppendHeader("Content-Disposition", "attachment;filename=" + fileName + ".xls"); Response.ContentEncoding = Sys

  • asp.net中TextBox只能输入数字的最简洁的两种方法

    如下TextBox 复制代码 代码如下: <asp:textboxonkeypress="isnum()"id="TextBox1"runat="server"></asp:textbox> 1. 在页面中添加一段脚本: 复制代码 代码如下: <scriptlanguage="javascript">functionisnum(){if(event.keyCode<45||event.

随机推荐