自定义简易JavaScript表单验证：正则表达式实例

本文档介绍了一个由作者自定义的简单的JavaScript表单验证函数，主要利用正则表达式进行实现。在网页开发中，表单验证是一个常见的功能，用于确保用户输入的数据符合预设的格式要求，如电子邮件地址的格式、用户名的字符限制等。作者因为觉得现有的现成工具可能过于庞大且不易维护，所以选择自己编写这些验证逻辑。 首先，我们来看一个核心部分：验证电子邮件地址的函数。`mail`函数接受一个参数`elementID`，这是输入文本框的ID。该函数首先检查`elementID`是否存在，然后使用正则表达式`/^[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)+$/`来验证输入的值是否符合邮箱格式。如果匹配成功，就清除验证失败提示并显示验证成功的消息；否则，将错误类型添加到`fv.inValidedStr`中，并显示错误信息。 接着，作者提供了另一个验证函数`username`，用于检查用户名的合法性。这个函数同样接收`elementID`，使用正则表达式`/^[a-zA-Z0-9_]{5,19}$/`来确保用户名只包含字母、数字和下划线，且长度在6到20个字符之间。与`mail`函数类似，验证通过后清除验证失败提示并显示成功消息，反之则记录错误。 这些函数展示了如何在JavaScript中使用正则表达式对输入数据进行基本的格式检查，这对于前端开发者来说是一项实用的技能。虽然作者提到自己的JavaScript水平不高，但通过编写这些验证函数，他们不仅提升了实践能力，也加深了对正则表达式在实际应用中的理解。文章最后呼吁读者给出反馈，表明作者希望得到更多关于代码质量和可维护性的建议。 总结来说，本篇文档重点讲解了如何在JavaScript中使用自定义表单验证函数，特别是结合正则表达式验证电子邮件地址和用户名的实例，这对于学习和掌握基础的前端开发技术，尤其是正则表达式的应用非常有帮助。同时，它也提供了一个简洁但实用的代码示例，可供其他开发者参考和改进。