点击保存按钮时another_input_field数据未提交，请求技术帮助

核心排查方向 #

这种“页面显示正常但提交后仅部分字段保存”的情况，本质是another_input_field的数据没被表单正确提交到后端，常见原因有以下几种：

• 缺少name属性：表单提交时，浏览器只会打包带有name属性的输入框数据。检查你的another_input_field标签，是否遗漏了name属性？正确的写法应该是：

  <input type="text" id="another_input_field" name="another_input_field">
  

  没有name属性的话，后端根本接收不到这个字段的值，自然无法保存。

• 字段被设置为disabled：如果another_input_field加了disabled属性，浏览器会忽略该字段，不提交它的值。如果需要禁止用户手动输入但仍要提交数据，可以替换成readonly属性：

  <input type="text" id="another_input_field" name="another_input_field" readonly>
  

• 后端未配置字段接收：如果前端字段配置没问题，就要检查后端代码是否处理了another_input_field这个参数——比如实体类是否添加了对应属性，接口是否配置了该参数的接收逻辑。

代码优化建议 #

你的JS代码可以用jQuery统一写法，更简洁：

function code() {
    var p = '03/02/2022';
    $("#input_field, #another_input_field").val(p);
} 

$(window).load(function () {
    $("#input_field").on('click', function() {
        alert("in");
        code();
    });
});

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