代码改变世界

随笔档案-2013年4月10日

javascript表单之 —— 文本框输入验证详细解读

2013-04-10 18:24 by MoltBoy, 1136 阅读, 收藏,
摘要: 在前端开发中经常会遇到限制文本框输入特定的字符类型,或者过滤某些字符。而HTML提供的文本框本身没有验证的手段和功能,因此必须使用JS来完成这项功能,完善此项功能还得综合运用事件和DOM接口。废话不多说了,看看如何让普通的文本框变成完美的输入功能控件。 一、屏蔽字符 过滤掉某些不需要出现的字符。例如:手机号码不能包含非数字字符,邮政编码也是如此。响应文本框输入字符操作的是keypress事件,因此,可以通过阻止这个事件的默认行为来屏蔽此类字符的输入。下列代码为只允许用户输入数值:(本文重思路轻代码,都是用DOM0级的事件方式,如需兼容各浏览器的实现代码,请另外联系) elemen... 阅读全文