JavaScript表单验证函数集
JavaScript 的验证函数大全,算是我用得比较顺手的一份资源了。里头覆盖了常见的前端验证需求,比如长度限制、汉字输入、只能是英文之类的。你如果经常写表单交互,肯定少不了这些小工具,拎出来就能用,挺省事的。
长度控制的验证函数,逻辑简单明了。用value.length
判断长度,再弹个alert
提示用户就完事儿了:
function test() {
if (document.a.b.value.length > 50) {
alert("不能超过 50 个字符!");
document.a.b.focus();
return false;
}
}
限制输入为汉字的思路也蛮清晰,基本靠正则搞定。你只要判断一下是不是中文字符,/[\u4e00-\u9fa5]/
这个范围就够用。
英文输入验证的话,文章提到的是监听键盘事件看keyCode
,这个方法虽然有点老,但在一些老系统里还挺好使的。要是你用的是现代框架,会更推荐在input
事件里判断。
如果你对正则还不太熟,文末还贴心附了几个相关链接,像JavaScript 正则表达式、正则表达式集锦这类,都挺实用的。
建议你可以把这些函数封装一下,整成一个validate.js
工具文件,之后项目里用就方便。嗯,要注意一点:现在新浏览器对keyCode
支持没那么好了,建议换成event.key
来写,更保险。
如果你经常写表单,又不想每次都从头敲,不妨收藏下来,说不定哪天就用上了。
50KB
文件大小:
评论区