Question

想知道为什么在通过表单助手创建时，为表单创建的约束不会直接包含在输入标记中？

解释（使用Play 2.1）：

型号：

public class Account {
    @MaxLength(5)
    private String id = "";

... ...

视图： @form（action = routes.Application.addAccount（））{ @inputText（accountForm（“id”），'_ label - ＆gt;“输入你的id：”）
}

在html中自动呈现为：

输入您的ID：

最大长度：5

它是否应该像这样呈现（实际上约束表单文本字段）：

输入您的ID：

最大长度：5

如何获取会自动在表单中包含这些约束的代码？我只是觉得在表单模型中定义一个maxlength并在视图中定义一个单独的maxlength并不是一个好主意。

谢谢

Answer 1

如果我理解正确，听起来您正在寻求实施以下功能之一：

在表单提交前突出显示一个超长的输入文本字段
在输入字段中剪切文本，使其不会超长

Play的HTML模板引擎本身并不提供这种客户端即时表单验证。这个功能需要通过JavaScript实现，并且JavaScript生成并不是Play真正关心的问题。

如果您想逐步增强表单并提供客户端验证，则必须自己编写JavaScript。当然，您可以使用库来帮助您完成此任务。例如，如果您已经在使用jQuery，则可以使用其validation plugin。

正如您在问题中提到的，最好只在一个地方声明一个最大长度限制，而不是在客户端JavaScript代码和服务器端Java代码中重复。作为建议，您可以保留在Java代码中声明的限制，但在控制器层中引入一个新操作，该操作将返回包含此限制的JSON响应。然后，在加载表单页面时，可以通过AJAX调用此操作。

修改

不知道maxlength属性，谢谢Saad。如果您将最大长度限制作为输入参数提供给模板，则可以按如下方式填充input元素的maxlength属性：

@(accountForm: Form[Account], maxLength: Int)

...
  @form(action = routes.Application.addAccount()) { 
    ...
    @inputText(
      field = accountForm("id"), 
      args = '_label -> "Enter your id:", 'maxlength -> maxLength
    )
    ...
  }
...

可能有一种更优雅的方式将maxLength传递到HTML模板中（例如，使用HTTP上下文映射，或将其作为Account表单对象上的公共字段）。上面的代码片段只演示了如何在模板中访问输入文本字段后正确生成输入文本字段。

约束未完全合并播放2.1

1 个答案:

修改