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来写,更保险。

如果你经常写表单,又不想每次都从头敲,不妨收藏下来,说不定哪天就用上了。

doc 文件大小:50KB