前端JS全集：表单验证实用正则表达式

"这个资源是一个全面的前端JavaScript表单验证集合，包含多种常见的验证规则，如数字、非负整数、邮箱等，并提供了相应的正则表达式。此外，还展示了几个实际的验证示例，包括限制输入字符长度、只允许输入汉字、只允许输入英文以及只允许输入数字的功能。" 在前端开发中，表单验证是必不可少的一部分，它能够确保用户输入的数据符合预期的格式，从而提高用户体验并减少服务器端的压力。JavaScript作为客户端脚本语言，被广泛用于实现这些验证功能。 1. **长度限制验证**：在示例1中，通过JavaScript函数`test()`检查textarea的值（`document.a.b.value`）的长度，如果超过50个字符，则弹出警告并阻止表单提交。这是防止用户输入过长内容的常见做法。 2. **中文字符验证**：示例2中的`value.replace(/[^\u4E00-\u9FA5]/g,'')`使用正则表达式匹配并替换非中文字符，确保输入框只允许输入汉字。 3. **英文字符验证**：示例3定义了一个名为`onlyEng()`的函数，该函数在用户按键时触发，如果键码不在大写字母A到Z（65到90）之间，则阻止输入。这确保了输入框只能输入英文字符。 4. **数字输入验证**：示例4的`onlyNum()`函数则检查按键码，只允许数字键（48到57，对应0到9）输入。这使得输入框成为数字输入专用。 此外，资源中还列出了多种正则表达式，它们用于验证不同类型的数值： - `^\\d+$`：验证非负整数，仅包含数字且不包含负号。 - `^[0-9]*[1-9][0-9]*$`：验证正整数，至少有一个非零数字。 - `^((-\\d+)|(0+))$`：验证负数或零，允许有负号但不包括正数。 - `^-?[0-9]+$`：验证整数，包括正负整数和零。 - `^\\d+`：与第一个正则相同，验证非负整数。 - `^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$`：验证正浮点数，至少有一位小数且不为0。 - `^((-\\d+)(\\.[0-9]*)?)$`：验证负浮点数或零，允许小数部分为0。 - `^-?\\d+`：验证整数，包括正负整数。 - `^(-?\\d+)(\\.\\d+)?$`：验证浮点数，包括正负数和零，允许小数部分为0。 - `/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$`：验证邮箱地址，符合常见邮箱格式。 这些正则表达式可以方便地应用到JavaScript的`test()`方法中，用于判断输入是否符合指定格式。例如，`/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(email)` 可以用来验证邮箱地址的合法性。 这个资源提供的JavaScript表单验证大全覆盖了日常开发中常见的验证需求，开发者可以根据需要选择合适的验证规则和示例，快速实现表单验证功能。