用 Javascript 实现只能输入数字的文本框

在制作表单(Form)的时候，我们通常会给表单元素添加一些输入规则，比如邮件地址、数字等，我们会在特定的时候执行验证，如果验证不通过，会给出一定的提示信息，本文介绍的是用 Javascript 实现只能输入数字的文本框：


--------------------------------------------------------------

--------------------------------------------------------------


执行验证可以有以下几种方式：
1. 在输入的时候验证，这种验证有一定的特殊性，比如只能输入数字或者只能输入英文字符这样的规则才能应用，如果是 email 验证就不行。

2. 在输入完成时验证，即在 onblur 事件发生时验证。这个适用范围很广，基本上验证都可以使用。

3. 在提交表单时执行验证，即表单的 onsubmit 事件中执行验证。可以一次验证所有元素，适用范围最广。

三种方式第一种实时性最高，输入的时候就验证，第二种次之，在输入完成后验证，第三中最慢，必须在提交时验证，不过每种都有自己的好处和局限性，在应用中可以根据实际情况选用。


本文验证方式是只能输入数字，带有一定的特殊性，可以选用第一种：

Javascript:

HTML:

 
 id="test"> 
    请输入数字： type="text" onkeypress="return checkNumber(event);" /> 
     id="msg">