Java Servlet中输入字段校验逻辑失效，请求排查故障原因

你的代码无法实现预期功能，核心问题集中在语法错误、DOM元素获取失败及事件绑定不严谨这几个方面，具体如下：

• JavaScript逻辑运算符错误：JavaScript中逻辑或的正确写法是||，你代码里用了OR，这属于无效语法，会直接导致脚本报错，整个校验函数无法正常执行。
• DOM元素获取失败：你通过document.getElementById("discount")获取输入框，但输入框仅设置了name="discount"，未添加id="discount"属性，导致getElementById返回null，调用.value时会抛出错误，无法获取输入值。
• 输入框type属性不规范：HTML标准中不存在type="String"类型，应使用type="text"，虽然部分浏览器会默认解析为text类型，但这种不规范写法可能引发兼容性问题。
• 表单提交事件绑定不严谨：仅在提交按钮的onclick事件绑定校验函数，用户若通过回车键提交表单，校验不会触发。建议绑定表单的onsubmit事件，确保所有提交方式都能触发校验逻辑。

修正后的代码片段 #

// 输出脚本部分
out.println("<head><script type=\"text/javascript\">");
out.println("function check() {");
out.println("var inputDiscountValue = document.getElementById(\"discount\").value;");
// 修正逻辑运算符为||，增加trim()处理空白字符
out.println("if (inputDiscountValue == 'code10' || inputDiscountValue.trim() == '') {");
out.println("return true;");
out.println("} else {");
out.println("alert('Code not valid');");
out.println("return false;");
out.println("}");
out.println("}");
out.println("</script></head>");

// 输出表单部分
out.println("<form action=\"Servlet2\" method=\"post\" onsubmit=\"return check()\">");
// 修正type为text，添加id属性
out.println("<input type=\"text\" name=\"discount\" id=\"discount\">");
// 移除按钮的onclick，改用表单的onsubmit确保全场景触发校验
out.println("<input type=\"submit\" value=\"Go\" /> </form>");

额外优化：增加trim()处理输入框的空白字符，避免用户输入空格时被误判为非空情况，更贴合实际业务需求。

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