ASP.NET jQuery 實(shí)例3 (在TextBox里面阻止復(fù)制、剪切和粘貼事件)
更新時(shí)間：2012年01月13日 22:23:31 作者：
在這講里，讓我們看下如何在ASP.NET Textbox里禁止復(fù)制、剪切和粘貼行為
當(dāng)用戶要輸入一些密碼、信用卡信息和銀行賬號(hào)等敏感信息，用戶更希望手工通過(guò)鍵盤敲入數(shù)據(jù)，而好過(guò)通過(guò)剪貼板復(fù)制粘貼。
我們先來(lái)看下實(shí)現(xiàn)后的效果：
輸入新密碼
<body>
<form id="form1" runat="server">
<div align="center">
<fieldset style="width: 400px; height: 180px">
<table cellpadding="3" cellspacing="3" border="0">
<tr>
<td colspan="2" class="header">
修改密碼
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblCurrentPwd" Text="當(dāng)前密碼: " runat="server"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtCurrentPwd" Width="200px" 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" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblConfirmNewPwd" Text="確認(rèn)新密碼: " runat="server"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtConfirmNewPwd" Width="200px" runat="server" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID="btnSubmit" runat="server" Text="提交" /> <asp:Button ID="btnReset" runat="server"
Text="重置" />
</td>
</tr>
</table>
</fieldset>
</div>
</form>
</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) { // 通過(guò)空格連續(xù)添加復(fù)制、剪切、粘貼事件
e.preventDefault(); // 阻止事件的默認(rèn)行為
alert("復(fù)制/剪切/粘貼已經(jīng)在文本框中禁止掉了");
});
});
</script>
</head>
我們先來(lái)看下實(shí)現(xiàn)后的效果：
輸入新密碼
復(fù)制代碼 代碼如下:
<body>
<form id="form1" runat="server">
<div align="center">
<fieldset style="width: 400px; height: 180px">
<table cellpadding="3" cellspacing="3" border="0">
<tr>
<td colspan="2" class="header">
修改密碼
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblCurrentPwd" Text="當(dāng)前密碼: " runat="server"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtCurrentPwd" Width="200px" 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" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblConfirmNewPwd" Text="確認(rèn)新密碼: " runat="server"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtConfirmNewPwd" Width="200px" runat="server" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID="btnSubmit" runat="server" Text="提交" /> <asp:Button ID="btnReset" runat="server"
Text="重置" />
</td>
</tr>
</table>
</fieldset>
</div>
</form>
</body>
腳本代碼
復(fù)制代碼 代碼如下:
<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) { // 通過(guò)空格連續(xù)添加復(fù)制、剪切、粘貼事件
e.preventDefault(); // 阻止事件的默認(rèn)行為
alert("復(fù)制/剪切/粘貼已經(jīng)在文本框中禁止掉了");
});
});
</script>
</head>
相關(guān)文章
這篇文章主要介紹了jquery mobile 移動(dòng)web(5)的相關(guān)資料,需要的朋友可以參考下2015-12-12
分享33個(gè)jQuery與CSS3實(shí)現(xiàn)的絢麗鼠標(biāo)懸停效果
今天整理了33個(gè)使用jQuery與CSS3實(shí)現(xiàn)絢麗的鼠標(biāo)懸停效果，有些是純CSS3的，這些效果你完全可以用在你的網(wǎng)頁(yè)上，讓網(wǎng)站獲得更好的體驗(yàn)2014-12-12
這篇文章主要介紹了jquery操作checkbox,需要的朋友可以參考下2014-07-07
在jquery中給表單取值或賦值的方法我們只要簡(jiǎn)單的$(\'表單ID\').val()即可實(shí)現(xiàn)取值了，如果賦值我們可使用$(\'表單ID\').val(\'內(nèi)容\')即可實(shí)現(xiàn)了2013-08-08
基于jQuery的判斷iPad、iPhone、Android是橫屏還是豎屏的代碼
在ipad、iphone網(wǎng)頁(yè)開(kāi)發(fā)中，我們很可能需要判斷是橫屏或者豎屏。下面就來(lái)介紹如何用 jQuery 判斷iPad、iPhone、Android是橫屏還是豎屏的方法2014-05-05
『jQuery』.html(),.text()和.val()的概述及使用
如何使用jQuery中的.html(),.text()和.val()三種方法，用于讀取，修改元素的html結(jié)構(gòu)，元素的文本內(nèi)容，以及表單元素的value值的方法2013-04-04
基于jQuery實(shí)現(xiàn)左右div自適應(yīng)高度完全相同的代碼
最近做前端設(shè)計(jì)時(shí)需要使左右兩個(gè)DIV高度自適應(yīng)。這其中的jquery代碼中的獲得高度用的clientHeight，介紹一下幾種不同的獲得方式以及他們的差別2012-08-08
利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù)，包含保留幾位小數(shù)
本文主要介紹了利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù)，包含保留幾位小數(shù)，代碼清晰，容易理解。有需要的朋友可以參考下2016-12-12
這篇文章主要介紹了jQuery中:header選擇器用法,以實(shí)例形式分析了:header選擇器的功能、定義及匹配標(biāo)題元素的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jQuery初識(shí)之設(shè)計(jì)思想方法函數(shù)示例
這篇文章主要為大家介紹了jQuery初識(shí)之設(shè)計(jì)思想及方法函數(shù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06