使用JavaScript在JSP中进行验证

Question

'

<TD CLASS="input-label" VALIGN="top">A:</TD>    
out.println(widget_renderer.getEditableField("A"));    
<TD CLASS="input-label" VALIGN="top">B:</TD>    
out.println(widget_renderer.getEditableField("B"));

我想根据为属性字段A输入的值来使属性B字段成为必需。也可能会对其进行验证并打印错误消息，我在jsp页面上执行了以下操作：

<TD CLASS="input-label" VALIGN="top">A:</TD>    
out.println(widget_renderer.getEditableField("A"));    
String ppn = (String)dataBean.getItemEntityData().get("A");    
System.out.println(dataBean.getItemEntityData().get("A"));    
if (ppn != null && (ppn == "A1" || ppn == "A2" || ppn == "A3" || ppn == "A4"))
{
>
<TD VALIGN="top"><SPAN  CLASS="req-indicator">*</SPAN></TD>
< } >
,<TD CLASS="input-label" VALIGN="top">B:</TD>    
out.println(widget_renderer.getEditableField("B"));

请建议

Answer 1

原始的JSP代码无关紧要。 在您的Web浏览器中打开JSP页面，右键单击该页面，然后选择View Source 。 您现在看到的所有这些生成的HTML代码现在都与JavaScript真正相关，因为这是它唯一可以查看和访问的内容。

目前尚不清楚您使用的是什么“窗口小部件”框架，因为您没有告诉/标记它的任何内容，而这与JSP无关。 无论如何，如果它正确完成了工作，那么您应该在生成的HTML代码中看到具有id属性的<input>元素，如下所示：

<input type="text" id="someId">

现在，在JS代码中，您可以使用document.getElementById()轻松地从HTML DOM中获取元素。

var inputElement = document.getElementById('someId');

如果是输入元素，则可以按如下方式获取其值：

var inputValue = inputElement.value;

您可以按以下方式比较JavaScript中的字符串值：

if (inputValue == 'foo') { 
    // Value is foo.
} else {
    // Value is not foo.
}

请注意，这不是在Java中比较字符串的方法！ 您宁愿为此使用String#equals() 。

您还可以从DOM中获取其他元素，例如您自己添加的<div id="message"> 。

var messageElement = document.getElementById('message');

您可以依次在其正文中设置一些文本，如下所示：

messageElement.firstChild.nodeValue = 'some message';

算一算 ：）

也可以看看：

• W3Schools JavaScript教程
• W3Schools HTML DOM教程
• 基本JavaScript-教程

---

顺便说一句，您在代码中使用的“样式”已经过时了。 可能会继承一个旧项目，好吧，但是90年代的风格实际上并不是当今开始使用HTML / JSP的正确方法。