### 在 JavaScript 中使用正则表达式为 formData 对象添加数据 为了在 JavaScript 中通过正则表达式验证并为 `formData` 对象添加数据，可以按照以下方式实现。首先定义一个包含正则表达式的规则对象，并结合表单数据进行验证和赋值操作。 #### 验证 IP 地址的正则表达式 IP 地址的正则表达式如下所示[^3]： ```javascript const ipPattern = /^(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|[1-9])\.((1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)\.){2}(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)$/; ``` #### 定义 formData 和 rules 创建一个初始的 `formData` 对象以及对应的验证规则 `rules`。 ```javascript const formData = { ip: '' }; const rules = { ip: [ { required: true, message: '请输入IP地址', trigger: 'blur' }, { pattern: ipPattern, message: '请输入正确的IP' } ] }; ``` #### 添加数据并验证 编写一个函数用于向 `formData` 添加数据，并根据 `rules` 进行验证。如果验证通过，则更新 `formData` 的值；否则，返回错误信息。 ```javascript function addFormData(key, value) { if (!rules[key]) { console.error(`未定义 ${key} 的验证规则`); return; } const [requiredRule, patternRule] = rules[key]; // 检查是否为空 if (requiredRule.required && !value) { console.error(requiredRule.message); return; } // 检查是否符合正则表达式 if (patternRule.pattern && !patternRule.pattern.test(value)) { console.error(patternRule.message); return; } // 如果验证通过，更新 formData formData[key] = value; } // 示例调用 addFormData('ip', '192.168.1.1'); // 正确输入 console.log(formData); // 输出 { ip: '192.168.1.1' } addFormData('ip', '256.168.1.1'); // 错误输入 ``` #### 清空 formData 和错误信息 如果需要清空 `formData` 和相关错误信息，可以通过以下代码实现[^1]： ```javascript function resetFormData() { for (const key in formData) { formData[key] = ''; } console.log('表单已重置'); } resetFormData(); console.log(formData); // 输出 { ip: '' } ``` #### 使用场景扩展 上述方法不仅适用于 IP 地址的验证，还可以扩展到其他类型的数据验证。例如，邮箱、电话号码等可以通过定义不同的正则表达式规则来实现。 --- ###