用户控件ascx代码:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Keyboard.ascx.cs" Inherits="Keyboard" %>

<link href="js/jquery.keypad.alt.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.1.3.2.min.js"></script>

<script type="text/javascript" src="js/jquery.keypad.js"></script>

<script type="text/javascript">

    $(function () {

//初始化keypad插件

    $('#defaultKeypad').keypad({prompt:'',keypadOnly:false,layout:$.keypad.qwertyLayout});

});

</script>

<input id="defaultKeypad" type="password" name="pwd" maxlength="12" style="width:150px"/>

用户控件ascx.cs代码:

public partial class Keyboard : System.Web.UI.UserControl

{

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    /// <summary>

    /// 返回虚拟键盘取得的值

    /// </summary>

    /// <returns></returns>

    public string getvalue()

    {

        System.Collections.Specialized.NameValueCollection nv = new System.Collections.Specialized.NameValueCollection(System.Web.HttpContext.Current.Request.Form);

        return nv.GetValues("pwd")[].ToString();

    }

}

Default.aspx代码:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register src="Keyboard.ascx" tagname="Keyboard" tagprefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>无标题页</title>

    <style type="text/css">

        .style1

        {

            width: 144px;

            height: 36px;

        }

        .style2

        {

            width: 152px;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div>

     <table align="center" cellpadding="0" cellspacing="0" >

            <tr>

                <td class="style2">

                    用&nbsp; 户&nbsp; 名：</td>

                <td class="style1">

                    <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>

                </td>

                <td class="style3">

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

                        ControlToValidate="txtUserName" ErrorMessage="*"></asp:RequiredFieldValidator>

                </td>

            </tr>

            <tr>

                <td class="style2">

                    密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 码：</td>

                <td class="style1">

                    <uc1:Keyboard ID="Keyboard1" runat="server" />

                </td>

                <td class="style3">

                    &nbsp;</td>

            </tr>

            <tr>

                <td class="style2">

                    &nbsp;</td>

                <td class="style1">

                    <asp:Button ID="Button1" runat="server" Text="登录" onclick="Button1_Click" />

&nbsp;

                    <input id="Button2" type="button" value="退出" onclick="window.close();"/></td>

                <td class="style3">

                    &nbsp;</td>

            </tr>

        </table>

        <br />

        <br />

    </div>

    </form>

</body>

</html>

Default.aspx.cs代码:

 protected void Button1_Click(object sender, EventArgs e)

    {

        if (Keyboard1.getvalue() != "")

        {

            //获取用户输入的信息, 包括登录名和通过软键盘输入的面

            string info ="登录名："+txtUserName.Text+"登录密码："+Keyboard1.getvalue();

            //弹出提示, 以便测试查看

            ClientScript.RegisterStartupScript(this.GetType(), "", "alert('"+info+"');", true);

        }

        else

        {

            ClientScript.RegisterStartupScript(this.GetType(), "", "alert('请输入密码');", true);

        }

    }

示例中用到的js文件下载:

http://pan.baidu.com/s/1kVyPxZp

最终效果图:

039. asp.netWeb用户控件之七实现具有虚拟键盘的功能的用户控件的更多相关文章

  1. 033. asp.netWeb用户控件之二将页面转换成web控件和使用Web控件显示热点新闻

    访问Web用户控件的属性 ASP.NET提供的各种服务器控件都有其自身的属性和方法,程序开发人员可以灵活地使用服务器控件中的属性和方法开发程序.在用户控件中,程序开发人员也可以自行定义各种属性和方法, ...

  2. ASP.NET--Web服务器端控件和Html控件

    今天学习总结了一些相关概念和知识. 之前无论是做 单机的winform 还是 CS的winform 感觉,不到两年下来感觉还可以,虽然API有很多,但是还是比较熟悉基于WINDOWS消息机制的编程,但 ...

  3. ListView控件的Insert、Edit和Delete功能（第一部分）

    摘自:http://blog.ashchan.com/archive/2007/08/28/listview-control-insert-edit-amp-delete-part-1aspx/ Li ...

  4. 实现带查询功能的Combox控件

    前言 ComBox 还可以实现查询功能,通过设置 ComBox 控件的 AutoCompleteSource 属性和 AutoCompleteMode 属性,可以实现从 Combox 控件中查询已存在 ...

  5. 五:理解控件的运行机制(例:基于Control命名空间的简单控件)

    一:先用最简短的话说点理论的1.asp.net中所有的标准控件都可以重写 2.和控件相关的命名空间有 System.Web.UI.Control是所有控件的基类只提供简单的呈现逻辑,不支持样式表 Sy ...

  6. ios开发中关闭textview控件的虚拟键盘

    在ios开发中,textfield控件在点击的时候出现虚拟键盘,关掉虚拟键盘可以通过虚拟键盘中的done button和点击view中的任意地方来关闭虚拟键盘. 1.第一种方法是textfield控件 ...

  7. MVC5 网站开发之七 用户功能 2 用户添加和浏览

    目录 MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网站开发之五 展示层架 ...

  8. MVC5 网站开发之七 用户功能 3用户资料的修改和删除

    这次主要实现管理后台界面用户资料的修改和删除,修改用户资料和角色是经常用到的功能,但删除用户的情况比较少,为了功能的完整性还是坐上了.主要用到两个action "Modify"和& ...

  9. Android 使用代码主动去调用控件的点击事件（模拟人手去触摸控件）

    使用代码主动去调用控件的点击事件(模拟人手去触摸控件) //View 可以是LinearLayout,Button,TextView View.performClick();

随机推荐

  1. Linux内核分析学习总结

    20135125陈智威 原创作品转载请注明出处 <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 这学期开 ...

  2. linux内核分析——扒开系统调用的三层皮（下）

    20135125陈智威 原创作品转载请注明出处 <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 ” 实验 ...

  3. Elasticsearch学习之入门

    1.什么是Elasticsearch Elasticsearch是一个基于Apche Lucene的开源实时分布式搜索和分析引擎. 2.安装 安装Elasticsearch的唯一要求是安装官方新版的j ...

  4. 在CSS中通过@font-face属性来实现网页中嵌入特殊字体。

    首先获取要使用字体的三种文件格式.EOT..TTF或.OTF..SVG,确保能在主流浏览器中都能正常显示该字体..EOT,适用于Internet Explorer 4.0+.TTF或.OTF,适用于F ...

  5. 几种常见算法js

    没有系统地总结过js算法,虽然在项目中陆陆续续的也用过好多算法,有一次去一家公司面试的时候,面试官说想谈谈算法,有点懵了,所以接下来的面试中谈的也有点被动,避免下次再碰到这种情况,今天决定好好的总结下 ...

  6. Spring Cloud集成相关优质项目推荐

    Spring Cloud Config 配置管理工具包,让你可以把配置放到远程服务器,集中化管理集群配置,目前支持本地存储.Git以及Subversion. Spring Cloud Bus 事件.消 ...

  7. 一周学会go语言并应用 by王奇疏

    <一周学会go语言并应用> by王奇疏 ( 欢迎加入go语言群: 218160862 , 群内有实践) 点击加入 零.安装go语言,配置环境及IDE 这部分内容不多,请参考我的这篇安装环境 ...

  8. iOS 源代码管理工具之SVN

    源代码管理工具之SVN 源代码管理工具SVN是一款非常强大的源代码管理工具,现在国内70%-90%的公司都在使用SVN来管理源代码,下面就让小编给大家着重介绍一下SVN的使用,SVN的使用主要分为下面 ...

  9. @html.ActionLink的几种参数格式

    一 Html.ActionLink("linkText","actionName") 该重载的第一个参数是该链接要显示的文字,第二个参数是对应的控制器的方法, ...

  10. JDBC的作用及重要接口

    JDBC是由一系列连接(Connection).SQL语句(Statement)和结果集(ResultSet)构成的,其主要作用概括起来有如下3个方面:    建立与数据库的连接.    向数据库发起 ...