jsp输入框怎么设置只能输入数字

Question

<td align="right" class="td1">设备数量：</td>
<td align="left" class="td2" >
<form:input path="deviceNum" id="deviceNum" htmlEscape="false" maxlength="50" class="required" onblur="require('deviceNum','deviceNum_tipContext','设备数量不能为空')"/>
<span class="required">*</span>
<img id="deviceNum_error" style="display:none" src="${ctxStatic}/images/icon_incomplete.gif"/>
<img id="deviceNum_right" style="display:none" src="${ctxStatic}/images/icon_need.gif"/>
<span id="deviceNum_tipContext" class="hint" style="display:none"></span>
</td>

Answer 1

1、首先需要打开软件按照图示代码新建html文件。

2、在html文件上创建一个input输入框，设置输入框的大小。

3、然后需要按照图示代码：<script type="text/javascript" src="jquery-1.9.1.min.js"></script>引入jquery.min.js文件。

4、用正则表达式判断用户每次输入的内容，当内容不是数字就不显示。

5、保存后html文件后，适用浏览器打开进行测试，发现输入非数字的内容无法在文本框上显示。

Answer 2

HTML5 可以用：

<input type="number">

html4 的话只能用js实现了：

<input type="text" onkeyup="this.value=this.value.replace(/\D/g, '')">

上面的只能输入整数。如果需要小数正则需要改成：

/[^\d\.]/g

再有其他特殊需求就自己搜索正则吧

原理就是监听输入框的 按键弹起<keyup>事件（按键事件分：按下，弹起），这个时候就是输入字符已经上屏的时候，执行正则替换掉非数字的字符。

当然，以上只是在输入阶段判断，安全点，需要用js在提交阶段再用js验证一下，然后后台接收到数据再验证一下，这样应该就完美了。

最后补充下：这个属于html的范畴，和JSP没有关系。因为到用户输入那，所有的JSP的动态代码都已经输出成静态的HTML了，JSP的动态Java代码已经影响不到已经静态化的页面上的操作了。

======

晕死。。。刚看到require，...文不对题了。

Answer 3

jsp页面里面加个js控制

Answer 4

用<input type="number" />