禁止文本框TextBox的复制、粘贴
2011-01-07 13:09
357 查看
此文,是针对于B/S的程序,说白了就是WEB页面的。
某些情况下,我们不希望用户在输入内容时,采用粘贴的方式,例如:需要用户输入2遍相同的内容,以便达到确认的效果,此时,如果2次内容都是粘贴的,那么确认的作用就失去了。
此次使用的方法,是利用了jQuery.
一、 禁止页面上所有textbox的复制和粘贴
<script type="text/javascript">
$().ready(function () {
$('input[type=text]').bind('copy paste', function (e) {
e.preventDefault();
window.alert('本页面禁止所有文本框内容的复制和粘贴!');
});
});
</script>
二、 禁止页面上某个/些 textbox 的复制和粘贴
$().ready(function () {
$('#Email').bind('copy paste', function (e) {
e.preventDefault();
window.alert('禁止Email文本框内容的复制和粘贴!');
});
});
三、利用jQuery的fade特效,搞点花头
<div id="message" style="display:none;position:absolute;border: dotted 1px red; background-color:lightyellow"></div>
$().ready(function () {
$('#EmailConfirm').bind('paste', function (e) {
e.preventDefault();
$('#message').text("重复Email地址,必须手工输入!")
.css(
{
left: 20 + $(this).offset().left + $(this).width() + 'px',
top: $(this).offset().top + 'px'
})
.fadeIn(3000, function () { $(this).fadeOut(1500) });
});
});
某些情况下,我们不希望用户在输入内容时,采用粘贴的方式,例如:需要用户输入2遍相同的内容,以便达到确认的效果,此时,如果2次内容都是粘贴的,那么确认的作用就失去了。
此次使用的方法,是利用了jQuery.
一、 禁止页面上所有textbox的复制和粘贴
<script type="text/javascript">
$().ready(function () {
$('input[type=text]').bind('copy paste', function (e) {
e.preventDefault();
window.alert('本页面禁止所有文本框内容的复制和粘贴!');
});
});
</script>
二、 禁止页面上某个/些 textbox 的复制和粘贴
$().ready(function () {
$('#Email').bind('copy paste', function (e) {
e.preventDefault();
window.alert('禁止Email文本框内容的复制和粘贴!');
});
});
三、利用jQuery的fade特效,搞点花头
<div id="message" style="display:none;position:absolute;border: dotted 1px red; background-color:lightyellow"></div>
$().ready(function () {
$('#EmailConfirm').bind('paste', function (e) {
e.preventDefault();
$('#message').text("重复Email地址,必须手工输入!")
.css(
{
left: 20 + $(this).offset().left + $(this).width() + 'px',
top: $(this).offset().top + 'px'
})
.fadeIn(3000, function () { $(this).fadeOut(1500) });
});
});
相关文章推荐
- js 禁止文本框复制和粘贴
- C#如何禁止textbox 复制、粘贴、剪切、鼠标右键
- js 文本框禁止粘贴复制功能
- js 右键菜单、禁止剪切、复制、粘贴的文本框代码
- asp.net文本框中如何禁止复制粘贴
- js 文本框禁止粘贴复制功能
- 禁止文本框的复制和粘贴功能
- js 禁止剪切、复制、粘贴的文本框代码
- C#禁止textbox复制、粘贴、剪切及鼠标右键的方法
- js 文本框禁止粘贴复制功能
- JS禁止剪切、复制、粘贴的文本框代码
- 禁止文本框粘贴功能【支持IE、Mozlla、Firefox等】
- jsp中文本框中只能输入数字 ,禁止粘贴
- Asp.net中禁止文本框TextBox中输入非数字
- 文本框禁止粘贴
- JS 禁止右键,禁止复制,禁止粘贴
- Silverlight中TextBox禁止输入和粘贴非数值字符
- 关于iOS uiwebview 禁止弹出复制和粘贴功能
- 用Javascript 禁止右键,复制,粘贴
- 禁止复制与粘贴