zoukankan      html  css  js  c++  java
  • ASP.NET jQuery 随笔 在TextBox里面阻止复制、剪切和粘贴事件

    当用户要输入一些密码、信用卡信息和银行账号等敏感信息,用户更希望手工通过键盘敲入数据,而好过通过剪贴板复制粘贴。

    我们先来看下实现后的效果:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %>
     
    <!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>
        <script src="jquery-1.8.2.min.js" type="text/javascript"></script>
        <link href="Base.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
           .header
           {
                background-color:#e9e9e9;
                font-weight:bold;
                font-size:large;
            
           }
        </style>
        <script type="text/javascript">
            $(document).ready(function () {
                $("input:password").bind("copy cut paste", function (e) {
                    e.preventDefault(); //阻止事件的默认行为
                     alert("复制/剪切/粘贴已被禁止!");
                });
            });
        
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div style="margin: 100px auto;  400px; height: 200px;">
             <table cellpadding="5" cellspacing="1" border="0">
                    <tr>
                        <td colspan="2" class="header">
                            修改密码
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblCurrentPwd" Text="当前密码: " runat="server"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtCurrentPwd" Width="200px" class="text" runat="server" TextMode="Password"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblNewPwd" Text="新密码: " runat="server"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtNewPwd" Width="200px" runat="server" class="text" TextMode="Password"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblConfirmNewPwd" Text="确认新密码: " runat="server"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtConfirmNewPwd" Width="200px" class="text" runat="server" TextMode="Password"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:Button ID="btnSubmit" class="gray button" runat="server" Text="提交" />&nbsp;&nbsp;<asp:Button ID="btnReset" runat="server" class="gray button"
                                Text="重置" />
                        </td>
                    </tr>
                </table>
        </div>
        </form>
    </body>
    </html>

    QQ截图20131212105151

    QQ截图20131212105331

  • 相关阅读:
    div+css与table布局
    自动刷新网页效果
    Spring框架之Filter应用,filter可以使用spring注入资源
    http://localhost:8080/hohode
    java jacob 操作word 文档,进行写操作,如生成表格,添加 图片(这个不错,可以拿来直接用,非常好)
    java 填充word中的表格
    360抢票
    easyui 时间段校验,开始时间小于结束时间,并且时间间隔不能超过30天
    java操作word示例
    FastStone Capture 注册码 序列号
  • 原文地址:https://www.cnblogs.com/jlcoder/p/3470699.html
Copyright © 2011-2022 走看看