服务器端客户端字段状态更改

Question

我在 stackoverflow 中看到了这个问题的一些变体，但我有一个特定的用例，我愿意输入。

我能得到的最简单的是： 1. 在网站上，我有一个带有两个输入字段的表单。当 A 填充“XYZ”时，B 应被禁用，在所有其他情况下，应启用它。 2. 这个“页面”也可以由客户端保存到数据库中。

因此，我需要能够在客户端选项卡退出时（简单、简单的 Javascript）以及首次加载此“表单”时呈现第二个禁用字段（简单，在 JSP 中，在加载页面时操纵字段的属性） 。

但是......我最终在两个地方编码了完全相同的逻辑。现在，考虑一下这是数百个字段和数十个逻辑条件所必需的，有时复杂到将 5 个字段组合在一起，一组特定值来执行此或操作等等。

底线，您会考虑什么方法在服务器端和客户端之间重用（尽可能多）面向 UI 的验证/字段状态更改（考虑到我不想对每个在字段中输入的用户使用 AJAX 调用。）。

谢谢

Answer 1

基于组件的 MVC 框架（例如 JSF (JavaServer Faces)）允许您在单个位置进行定义。这是特定用例的启动示例：

<h:form>
    <h:panelGroup id="inputA">
        <h:inputText value="#{bean.inputA}">
            <f:ajax event="blur" render="inputB" />
        </h:inputText>
    </h:panelGroup>
    <h:panelGroup id="inputB">
        <h:inputText value="#{bean.inputB}" disabled="#{bean.inputA != 'XYZ'}" />
    </h:panelGroup>
</h:form>

基本上就是这样。仅省略了 javabean 代码，但这与这里无关。确实，这里使用了 ajax，但是它特别便宜，而且基本上没有其他方法可以在服务器端和客户端上保持相同的状态。

上面的 XHTML (Facelets) 示例将生成适当的 HTML/JS 代码，该代码将在服务器端和客户端执行工作。唯一的缺点可能是学习曲线和现有页面的大量变化。

Answer 2

我的答案与 BalusC 的答案大致相同。

但首先澄清一下术语：如果您所做的只是启用/禁用 HTML 字段，我们通常会说这是客户端验证，无论它是在 Javascript 还是 JSP 中完成。
是的，在 JSP 情况下，禁用/启用字段的逻辑在服务器上运行，但由于它所做的只是设置一个字段供客户端显示，因此它往往属于“客户端验证”的一般描述

。客户端验证的替代（实际上是“除了”）是在表单字段被发布到服务器时验证表单字段。检查客户端是否确实遵守了您的验证规则（例如，他们可能会禁用 javascript，或者他们可能会使用像 firebug 这样的工具来重新启用您禁用的字段等）。

您可能已经知道所有这些，并且术语不是并不是超级重要，但我认为值得指出。

现在，回到你的问题。
我会在 javascript 中完成这一切，并忽略 JSP 中的逻辑。
您需要做的就是获取当他们跳出“A”时触发的 JavaScript 片段，并在页面加载时运行它。

在 JQuery 中，你会做类似的事情（未经测试）

var check_field = function(f)
{
  if(!f) f=$(this);
  if(f.val()=='XYZ') $("#field_B").attr('disabled', true);
  else               $("#field_B").attr('disabled', false);
};
$(function()
{
   var a = $("#field_A");
   check_field(a);
   a.blur( check_field );
});