如何禁用字母和特殊字符的粘贴选项，但为数字启用

我使用此代码来限制键入alphabets和characters。

<script type="text/javascript">
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
</script>
<asp:TextBox ID="txtCode" runat="server" Width="15%"   onkeypress="return isNumber(event)"/>

但是我能够Paste其中的alphabets和characters(我不想要(。

当我使用这段代码时，Paste Option是disabled但是，我无法Paste偶数

<asp:TextBox ID="txtCode" runat="server" Width="15%" ondrop="return false;"
onpaste="return false;" onkeypress="return isNumber(event)" />

但是我想pasteNumbers:(，我该怎么做？

首先，您应该使用type="number"来具有语义含义和形式验证，就像在mordern浏览器中HtML5一样，并且要在所有浏览器中获取实时功能，您可以尝试以下操作：

function isNumber(ev) {
if (ev.type === "paste" || ev.type === "drop") {
var textContent = (ev.type === "paste" ? ev.clipboardData : ev.dataTransfer).getData('text');
return !isNaN(textContent) && textContent.indexOf(".") === -1;
} else if (ev.type === "keydown") {
if (ev.ctrlKey || ev.metaKey) {
return true
};
var keysToAllow = [8, 46, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57];
return keysToAllow.indexOf(ev.keyCode) > -1;
} else {
return true
}
}

<input type="number" placeholder="paste numbers only" name="" onpaste="return isNumber(event)" onkeydown="return isNumber(event)" ondrop="return isNumber(event)">

如果要允许integer和floating point数字，请&& pasteContent.indexOf(".")===-1删除第二个条件。但是，如果您已经有一个浮点数，则允许浮点数会导致问题，因此它将是具有两个"."的无效数字

下面是使用超时的解决方案。

<!DOCTYPE html>
<html>
<body>
<input type="text" id="inputText" onpaste="return isNumber(event);" onkeypress="return isNumber(event)"  value="" size="40">
<p id="demo"></p>
<script>
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var element  = document.getElementById("inputText");
var initialValue  = element.value;
if(evt.type == "paste"){
	  setTimeout(function() {
	var value  = element.value;
	var pastedText = value.replace(initialValue,"");
if(!isNaN(pastedText)){
	element.value = value;
}else{
	element.value = initialValue;
}
}, 2);         
}
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
</script>
</body>
</html>

相关内容

最新更新

热门标签：