HTML中限制用户只能输入数字或字母的代码规范

最新推荐文章于 2022-03-29 18:20:46 发布

weixin_30603633

最新推荐文章于 2022-03-29 18:20:46 发布

阅读量537

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml 前端 javascript ViewUI

原文链接：http://www.cnblogs.com/wangchunlei123/archive/2012/12/20/2825959.html

本文介绍了一个简单的网页设计案例，演示如何通过JavaScript实现输入框仅允许输入数字或字母的功能，包括代码实现与原理解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
//检查用户输入的是否为数字
        function checkNums() {
            if (window.event.keyCode >= 48 && window.event.keyCode <= 57) {
            }
            else {
                return false;
  　　　　   alert("请输入数字！");
            }
        }
//检查用户输入的是否为字母
        function checkLetter() {
            if (window.event.keyCode >= 65 && window.event.keyCode <= 97) {
            }
            else {
                return false;
  　　　　　alert("请输入字母！");
            }
        }
    </script>
</head>
<body>
    只允许输入数字：<input id="nums" type="text" value="" onkeydown="return checkNums