在這講里,讓我們看下如何在ASP.NET Textbox里禁止復制、剪切和粘貼行為。
當用戶要輸入一些密碼、信用卡信息和銀行賬號等敏感信息,用戶更希望手工通過鍵盤敲入數據,而好過通過剪貼板復制粘貼。
我們先來看下實現后的效果:
輸入新密碼 |
?
?
?
復制新密碼出現如下對話框 |
?
?
界面代碼 |
?
?

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 ="提交" /> < 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 >
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
