ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
更新时间：2012年01月13日 22:23:31 作者：
在这讲里，让我们看下如何在ASP.NET Textbox里禁止复制、剪切和粘贴行为
当用户要输入一些密码、信用卡信息和银行账号等敏感信息，用户更希望手工通过键盘敲入数据，而好过通过剪贴板复制粘贴。
我们先来看下实现后的效果：
输入新密码
<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="当前密码: " 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="确认新密码: " 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) { // 通过空格连续添加复制、剪切、粘贴事件
e.preventDefault(); // 阻止事件的默认行为
alert("复制/剪切/粘贴已经在文本框中禁止掉了");
});
});
</script>
</head>
我们先来看下实现后的效果：
输入新密码
复制代码 代码如下:
<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="当前密码: " 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="确认新密码: " 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) { // 通过空格连续添加复制、剪切、粘贴事件
e.preventDefault(); // 阻止事件的默认行为
alert("复制/剪切/粘贴已经在文本框中禁止掉了");
});
});
</script>
</head>
相关文章
这篇文章主要介绍了jquery mobile 移动web(5)的相关资料,需要的朋友可以参考下2015-12-12
今天整理了33个使用jQuery与CSS3实现绚丽的鼠标悬停效果，有些是纯CSS3的，这些效果你完全可以用在你的网页上，让网站获得更好的体验2014-12-12
这篇文章主要介绍了jquery操作checkbox,需要的朋友可以参考下2014-07-07
在jquery中给表单取值或赋值的方法我们只要简单的$(\'表单ID\').val()即可实现取值了，如果赋值我们可使用$(\'表单ID\').val(\'内容\')即可实现了2013-08-08
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
在ipad、iphone网页开发中，我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法2014-05-05
『jQuery』.html(),.text()和.val()的概述及使用
如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方法2013-04-04
最近做前端设计时需要使左右两个DIV高度自适应。这其中的jquery代码中的获得高度用的clientHeight，介绍一下几种不同的获得方式以及他们的差别2012-08-08
利用jquery实现验证输入的是否是数字、小数，包含保留几位小数
本文主要介绍了利用jquery实现验证输入的是否是数字、小数，包含保留几位小数，代码清晰，容易理解。有需要的朋友可以参考下2016-12-12
这篇文章主要介绍了jQuery中:header选择器用法,以实例形式分析了:header选择器的功能、定义及匹配标题元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要为大家介绍了jQuery初识之设计思想及方法函数示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
最新评论