手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
摘要:当用户要输入一些密码、信用卡信息和银行账号等敏感信息,用户更希望手工通过键盘敲入数据,而好过通过剪贴板复制粘贴。我们先来看下实现后的效果:输...

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

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

输入新密码

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

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

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

界面代码

复制代码 代码如下:

<body>

<form id="form1" runat="server">

<div align="center">

<fieldset>

<table cellpadding="3" cellspacing="3" border="0">

<tr>

<td colspan="2">

修改密码

</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>

【ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)】相关文章:

强制设为首页代码

javascript用函数实现对象的方法

jQuery实现将页面上HTML标签换成另外标签的方法

根据分辨率不同,调用不同的css文件

JavaScript事件的理解

记录几个node.js错误及解决方案

jQuery实现鼠标经过图片变亮其他变暗效果

JQuery勾选指定name的复选框集合并显示的方法

判断是否输入完毕再激活提交按钮

jquery实现动态改变div宽度和高度

精品推荐
分类导航