onkeyup以及.replace做页面文本框输入限定

最新推荐文章于 2024-06-11 13:57:25 发布

原创最新推荐文章于 2024-06-11 13:57:25 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

项目专栏收录该内容

23 篇文章

订阅专栏

本文介绍了如何使用onkeyup事件来限定文本框输入的内容，通过正则表达式实现只能输入特定格式的数据，例如数字或者时分格式（如12:00）。此外还提供了一个验证时分格式是否正确的示例。

首先普及一下onkeyup:
简单来说onkeyup是可以对文本框的输入做限定，过滤。如：
限制输入框只能输入数字：
οnkeyup=”value=value.replace(/[^\d]/g,”)”

.replace:
定义和用法
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
语法
stringObject.replace(regexp/substr,replacement)

本人在做项目时遇到一个需求可以输入时分的格式：
也就是：12:00这样的格式，这体现出两个需求：
1、只能输入数字， 2 ，只能是时分这样的格式
代码如下：

maxlength="5"
onkeyup="value=value.replace(/[^\d:]/g,'')"

这样你就只能写入00:00这样的格式了，之后你便可以像平常那样对数据进行相应的操作。

还有就是拼接格式：
obj.active_s_hour.split(“:”)[0]+”:”+obj.active_s_hour.split(“:”)[1]

还有校验输入时间格式的方法：

//时分  00:00
public static boolean isMonth(String month){
        String regExp = "^[0-9]{1,2}:[0-9]{1,2}$";
        Pattern p = Pattern.compile(regExp);  
        Matcher m = p.matcher(month); 
        return m.find();
    }

这是一个小小的知识点，以此记一下。