控制JSP页面上的文本框只能输入数字

最新推荐文章于 2024-12-23 14:02:14 发布

原创最新推荐文章于 2024-12-23 14:02:14 发布 · 7.3k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#html #js

笔记专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何通过onkeyup事件及正则表达式限制JSP页面中的文本框仅能输入特定类型的字符，如数字、全角字符或汉字等。

控制JSP页面上的文本框只能输入数字

onkeyup事件
1.只能输入数字和英文的： 
<input οnkeyup="value=value.replace(/[\W]/g,'') " 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
ID="Text1" NAME="Text1">
2.只能输入数字的： 
<input οnkeyup="value=value.replace(/[^\d]/g,'') " 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
ID="Text2" NAME="Text2">
3.只能输入全角的： 
<input οnkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 
ID="Text3" NAME="Text3">
4.只能输入汉字的： 
<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 
ID="Text4" NAME="Text4">
5.只能输入数字，包括小数
<input type="text" name="one" οnkeyup="value=value.replace(/[^\-?\d.]/g,'')"/>