JS 表单验证：限制输入长度和空格 - 代码示例

以下是一个示例代码，用于验证表单输入的长度不能少于 5 个字符，且不能为空格：/n/njavascript/n// 获取表单元素/nvar form = document.getElementById('myForm');/nvar input = document.getElementById('inputField');/n/n// 添加表单提交事件监听/nform.addEventListener('submit', function(e) {/n e.preventDefault(); // 阻止表单默认提交行为/n/n var value = input.value.trim(); // 去除输入值的前后空格/n/n // 定义正则表达式/n var regex = /^/S.{3,}$/;/n/n // 验证输入值是否符合正则表达式/n if (regex.test(value)) {/n // 符合条件，提交表单/n form.submit();/n } else {/n // 不符合条件，显示错误信息/n alert('输入值长度不能少于5个字符，且不能为空格');/n }/n});/n/n/n在上述代码中，我们首先获取表单元素和输入字段的引用。然后，我们添加一个表单提交事件监听器，当表单提交时，会执行指定的函数。函数中，我们使用正则表达式 ^//S.{3,}$ 进行验证，该正则表达式要求输入值的长度不能少于 5 个字符，并且第一个字符不能是空格。如果输入值符合正则表达式的要求，就可以提交表单；否则，会弹出错误信息。