首页 > 技术文章 > Input过滤输入(摘自《JavaScript高级程序设计(第3版)》)

kexp 2017-11-02 10:24 原文

我们经常会要求用户在文本框中输入特定的数据,或者输入特定格式的数据。例如,必须包含某些
字符,或者必须匹配某种模式。由于文本框在默认情况下没有提供多少验证数据的手段,因此必须使用
JavaScript 来完成此类过滤输入的操作。而综合运用事件和 DOM 手段,就可以将普通的文本框转换成能
够理解用户输入数据的功能型控件。 

下列代码只允许用户输入数值:

1 EventUtil.addHandler(textbox, "keypress", function(event){
2 event = EventUtil.getEvent(event);
3 var target = EventUtil.getTarget(event);
4 var charCode = EventUtil.getCharCode(event);
5 if (!/\d/.test(String.fromCharCode(charCode)) && charCode > 9 &&
6 !event.ctrlKey){
7 EventUtil.preventDefault(event);
8 }
9 });
View Code

 

 

 

推荐阅读