getElementById获取input的value值失效，疑似PHP或模态框导致

首先可以排除PHP变量绑定的影响：PHP属于服务端渲染逻辑，输出到浏览器端后input的value属性就是普通字符串，只要服务端渲染后的值没有异常，就不会影响前端JS的执行。
绝大多数情况下失效是因为你的表单位于模态框中引发的相关问题，常见原因和对应的解决方法如下：

• ID重复冲突：如果页面中存在多个ID为title、interpreter、submit_basic_info或submit_info_button的元素（比如模态框外有同名ID的元素，或者页面加载过多个模态框实例），document.getElementById只会匹配到DOM树中第一个出现的元素，根本无法获取到模态框内的目标元素。你可以在submit_basic_info函数首行添加console.log(document.getElementById("title"))，打印结果如果不是你模态框内的输入框，就属于这个问题，需要修改所有元素的ID保证全局唯一。
• DOM元素未加载完成：如果你的JS代码写在模态框DOM结构之前，或是模态框是点击触发后才动态插入到页面中的，事件触发时JS找不到对应DOM就会报错。你可以打开浏览器控制台（F12）查看是否有Uncaught TypeError: Cannot read properties of null类报错，存在的话就属于这个问题。如果使用的是Bootstrap等框架的模态框，可以监听模态框的shown类事件，在回调中执行相关初始化逻辑，保证DOM加载完成后再执行JS。
• 内联事件未正常注册：动态生成的模态框内容中，写在input标签上的onblur内联事件有可能不会被正常解析注册。你可以先在onblur属性中添加console.log('blur触发')测试事件是否正常触发，未触发的话建议换成事件委托的写法绑定事件：

// 绑定到页面中始终存在的父级容器，比如body、模态框的固定父容器
document.body.addEventListener('blur', function(e) {
  if (e.target.id === 'title' || e.target.id === 'interpreter') {
    submit_basic_info()
  }
}, true)
// blur事件默认不冒泡，需要将第三个捕获参数设置为true才能正常监听到

另外还有一个容易遗漏的小问题：你第一版贴出的代码中没有ID为submit_basic_info的span元素，而逻辑里用到了这个元素修改提示内容，如果实际页面中你没有添加这个元素，JS执行到对应逻辑时会直接报错中断，后面的按钮禁用逻辑也不会生效。
你也可以优化校验逻辑，对输入值做去空格处理，避免用户输入全空格的情况被判定为有效输入：

if (get_title.trim() === "" || get_interpreter.trim() === "" )

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