如何解决WordPress中为JS提交的PHP表单新增字段提示输入不存在的问题

按照出现概率从高到低排序，基本覆盖这类场景下90%以上的漏项：

• 后端前置字段白名单校验遗漏
  带edgtf_前缀的表单逻辑基本来自Qode系列商业主题（比如Bridge、Elision这类老版本主题），这类表单的后端处理从来不是全量接收所有POST参数的——代码里会提前定义一个写死的允许接收字段数组，作为安全校验的第一道关卡。哪怕你已经把字段加进了邮件渲染逻辑、前端模板，只要这个白名单数组里没有新增edgtf_enquiry_number、edgtf_enquiry_ceremony_date两个字段名，请求走到这里就会被直接拦截，抛出“字段不存在”的错误。绝大多数开发者的漏项都出在这里：改了后端发邮件的部分，却忘了找在请求最开头、用来校验请求合法性的字段列表数组。
• 前端JS字段收集逻辑未匹配
  很多早期的AJAX表单不会自动序列化整个表单内容，而是在JS里硬编码需要收集的字段列表，或是写了规则只收集指定class、指定父容器下的输入项。你可以检查几个细节：
  • 新加的两个字段是不是放在form标签的闭合范围外，导致序列化时根本不会被带上
  • 字段是不是误加了disabled属性，带disabled属性的输入框不会被提交
  • JS的字段选择器是不是只匹配了旧的字段列表，没有覆盖新加的两个输入框
• 前后端字段键名不匹配
  手动写AJAX提交参数的时候，很容易出现键名不一致的问题：比如前端JS提交时把手机号参数命名为user_phone，但后端是按edgtf_enquiry_number的键名去校验接收的；或是字段名多打了空格、大小写不一致，比如把edgtf_enquiry_ceremony_date写成了edgtf_enquiry_Ceremony_Date，导致后端取不到对应值，直接判定字段未提交。
• 缓存导致的代码修改未生效
  这类商业主题大多配套页面缓存、主题配置缓存机制，如果你改了代码之后没有清掉网站的页面缓存、服务端缓存、甚至浏览器的本地缓存，用户实际加载的还是旧版本的表单逻辑，自然识别不到新加的字段。还有一种常见场景是你在子主题里修改了模板文件，但当前页面的表单逻辑还是从父主题的旧文件加载的，修改路径和实际加载路径不匹配，等于改了没用。
• 后端校验顺序错位
  部分表单的逻辑顺序是：先遍历预定义的允许字段列表，校验完合法之后才会加载邮件处理逻辑。也就是说哪怕你在邮件处理部分加了新字段的渲染，只要前置校验列表里没加，这部分代码根本不会执行，请求早在第一步就被拦截抛出错误了。

快速定位技巧：在后端接收AJAX请求的第一行加上日志语句 error_log(print_r($_POST, true));，提交一次表单后查看日志：

• 如果日志里没有你新加的两个字段的键值，问题出在前端的字段收集/提交环节
• 如果日志里能看到两个字段的键值，问题100%出在后端的前置字段白名单校验逻辑里

内容的提问来源于stack exchange，提问作者Lydia Rose