jsp输入框怎么设置只能输入数字
<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> 展开
1、首先需要打开软件按照图示代码新建html文件。
2、在html文件上创建一个input输入框,设置输入框的大小。
3、然后需要按照图示代码:<script type="text/javascript" src="jquery-1.9.1.min.js"></script>引入jquery.min.js文件。
4、用正则表达式判断用户每次输入的内容,当内容不是数字就不显示。
5、保存后html文件后,适用浏览器打开进行测试,发现输入非数字的内容无法在文本框上显示。
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,...文不对题了。