java - 限制条件未完全纳入 Play 2.1

Question

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

说明(使用 Play 2.1):

型号:

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

......

查看: @form(action = paths.Application.addAccount()) { @inputText(accountForm("id"), '_label -> "输入您的 ID:")
}

在 html 中自动呈现为:

输入您的 ID:

最大长度:5

不应该像这样渲染(实际上限制表单文本字段):

输入您的 ID:

最大长度:5

如何获取自动在表单中包含此类约束的代码？只是我并不认为在表单模型中定义 maxlength 并在 View 中定义单独的 maxlength 并不是一个好主意。

谢谢

Answer 1

如果我没理解错的话，听起来您正在寻求实现以下功能之一:

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

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

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

正如您在问题中提到的，最好仅在一个地方声明最大长度限制，而不是在客户端 JavaScript 代码和服务器端 Java 代码中重复声明。建议您保留在 Java 代码中声明的限制，但在 Controller 层中引入一个新操作，该操作返回包含此限制的 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 表单上的公共(public)字段目的)。上面的代码片段只是演示了如何在模板中访问输入文本字段后正确生成它。