javascript输入只允许数字 [英] javascript input allowing only numbers
本文介绍了javascript输入只允许数字的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我使用此代码并且可以使用
i use this code and it works
<HTML>
<HEAD>
<SCRIPT language=Javascript>
<!--
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode;
if (charCode != 46 && charCode > 31
&& (charCode < 48 || charCode > 57))
return false;
return true;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT id="txtChar" onkeypress="return isNumberKey(event)"
type="text" name="txtChar">
</BODY>
</HTML>
但我无法访问html，只有javascript
but I do not have access to the html, and have only javascript
document.getElementById("txtChar").addEventListener("keypress", <<your code>>, false);
应该采用什么<< your code>> ？
p.s。发现这个组件的另一个错误：
当你复制粘贴（ctrl-v或右击 - 粘贴）它不起作用
有人知道如何解决它
p.s. found another bug with this component:
when you copy-paste(ctrl-v or right click-paste) it does not work
can someone know how to resolve it
推荐答案
如果您使用 HTML5 很酷，并且只针对现代浏览器，新属性必需和模式随时为您服务。示例：
If you're cool in using HTML5 and only target modern browsers, the new attributes required and pattern are here for you. Example:
<input id="txtChar" type="number" required pattern="\d+"/>
您可以通过 CSS 来解决状态
#txtChar:required:valid {
border: 1px solid green;
}
#txtChar:required:invalid {
border: 1px solid red;
}
如果在< form>中使用标记，用户将无法以无效状态提交。
If used within a <form> tag, a user won't be able to submit in invalid state.
我刚看到你无法访问标记，所以道歉。我将把它留作信息性答案。
这篇关于javascript输入只允许数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
