如何防止用户在文本框中粘贴文本？

Question

我有这个JS函数,可以防止用户输入字符

<script type="text/javascript">
function validate(evt) {
  var theEvent = evt || window.event;
  var key = theEvent.keyCode || theEvent.which;
  key = String.fromCharCode(key);
  var regex = /[0-9]|\./;
  if(!regex.test(key)) {
    theEvent.returnValue = false;
    if(theEvent.preventDefault) theEvent.preventDefault();
  }
}
</script>

<span>Radio Receive:</span>
<input name="ReceiveNo" type="text" class="txtbox" onkeypress='validate(event)' maxlength="11" value="${cpCon.receiveNo}" required tabindex="34" />

但我注意到,当用户尝试粘贴此文本框中的单词时,可以输入文本.如何在不禁用粘贴的情况下阻止此操作？

Answer 1

非常简单的方案:

<input name="ReceiveNo" type="text" class="txtbox" onkeypress='validate(event)' maxlength="11" value="${cpCon.receiveNo}" required tabindex="34" onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" autocomplete=off />

这对我很有用.现在没有人可以使用鼠标右键粘贴选项或按键盘上的ctrl + v粘贴到文本框中.

Answer 2

//禁用粘贴功能

$(document).ready(function(){
  $('#txtInput').bind("paste",function(e) {
      e.preventDefault();
  });
});

//在One下面可能对您的功能有所帮助.

$(document).ready(function(){
  $('#txtInput').bind("paste",function(e) {
    validate(e);
  });
});

要么

OnTabOut()或者onblur()您可以验证输入/粘贴的文本,而不是处理粘贴功能.

Answer 3

我在我的Angular项目中试过这个,没有jQuery就可以正常工作.

<input type='text' ng-paste='preventPaste($event)'>

在脚本部分:

$scope.preventPaste = function(e){
   e.preventDefault();
   return false;
};

在非角度项目中,使用'onPaste'代替'ng-paste'和'event'而不是'$ event'.