您的位置:首页 > 职场人生

禁止文本框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) });

});

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息