34

ASP.NET jQuery 食谱3 (在TextBox里面阻止复制

系统 1441 0

在这讲里,让我们看下如何在ASP.NET Textbox里禁止复制、剪切和粘贴行为。

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

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

输入新密码

 

 

 

ASP.NET jQuery 食谱3 (在TextBox里面阻止复制、剪切和粘贴事件)_第1张图片

复制新密码出现如下对话框

 

 

ASP.NET jQuery 食谱3 (在TextBox里面阻止复制、剪切和粘贴事件)_第2张图片

界面代码

 

 

View Code
        
           1
        
        
          <
        
        
          body
        
        
          >
        
        
2 < form id ="form1" runat ="server" >
3 < div align ="center" >
4 < fieldset style ="width: 400px; height: 180px" >
5 < table cellpadding ="3" cellspacing ="3" border ="0" >
6 < tr >
7 < td colspan ="2" class ="header" >
8 修改密码
9 </ td >
10 </ tr >
11 < tr >
12 < td >
13 < asp:Label ID ="lblCurrentPwd" Text ="当前密码: " runat ="server" ></ asp:Label >
14 </ td >
15 < td >
16 < asp:TextBox ID ="txtCurrentPwd" Width ="200px" runat ="server" TextMode ="Password" ></ asp:TextBox >
17 </ td >
18 </ tr >
19 < tr >
20 < td >
21 < asp:Label ID ="lblNewPwd" Text ="新密码: " runat ="server" ></ asp:Label >
22 </ td >
23 < td >
24 < asp:TextBox ID ="txtNewPwd" Width ="200px" runat ="server" TextMode ="Password" ></ asp:TextBox >
25 </ td >
26 </ tr >
27 < tr >
28 < td >
29 < asp:Label ID ="lblConfirmNewPwd" Text ="确认新密码: " runat ="server" ></ asp:Label >
30 </ td >
31 < td >
32 < asp:TextBox ID ="txtConfirmNewPwd" Width ="200px" runat ="server" TextMode ="Password" ></ asp:TextBox >
33 </ td >
34 </ tr >
35 < tr >
36 < td >
37 </ td >
38 < td >
39 < asp:Button ID ="btnSubmit" runat ="server" Text ="提交" /> &nbsp;&nbsp; < asp:Button ID ="btnReset" runat ="server"
40 Text ="重置" />
41 </ td >
42 </ tr >
43 </ table >
44 </ fieldset >
45 </ div >
46 </ form >
47 </ body >

脚本代码

 

 

      
        <
      
      
        head 
      
      
        runat
      
      
        ="server"
      
      
        >
      
      
< title > Recipe3 </ title >
< script src ="Scripts/jquery-1.4.1-vsdoc.js" type ="text/javascript" ></ script >
< style type ="text/css" >
.header
{
background-color
: Gray ;
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 >




ASP.NET jQuery 食谱3 (在TextBox里面阻止复制、剪切和粘贴事件)


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论