在遊戲框架

Question

客戶端表單驗證我想要做這種類型的驗證我的形式

當用戶提交一個空的形式字段應該是紅色的消息。 我create.scala.html

@(signupForm: Form[models.Member]) 

@import helper._ 
@import helper.twitterBootstrap._ 

@main(Html("Create User")) { 

    @form(action = routes.UserController.submit(), 'id -> "userCreationForm", 'class -> "form-horizontal", 'role->"form") { 
     <fieldset> 
      <legend><h1> Account Information</h1></legend> 

<div class="form-group"> 
      @inputText(signupForm("firstName"), 
      '_label -> "First name:", 
      'class -> "form-control", 
      '_help -> "Please enter your first name.") 
      </div> 

<div class="form-group"> 
      @inputText(signupForm("lastName"), 
      '_label -> "Last name:", 
      'class -> "form-control", 
      '_help -> "Please enter your last name.") 
      </div> 

<div class="form-group"> 
      @inputText(signupForm("email"), 
         '_label -> "Email Address:", 
         'class -> "form-control", 
         '_help -> "Enter a valid email address.", 
         '_error -> signupForm.globalError) 
         </div> 

<div class="form-group"> 
      @inputPassword(signupForm("password"), 
          '_label -> "Password:", 
          'class -> "form-control", 
          '_help -> "A password must be at least 6 characters.") 
          </div> 
     </fieldset> 

     <div class="form-group"> 
      <input type="submit" class="btn btn-primary" value="Sign Up"> 
      <a href="@routes.ApplicationController.index" class="btn">Cancel</a> 
     </div> 
    } 

} 

並加入<script src="@routes.Assets.at("javascripts/jquery-1.9.0.min.js")" type="text/javascript"></script>到我main.scala.html

，但它不是得到所需的輸出表示未示出的消息和字段與紅色時用戶提交一個空格 在此先感謝。

Answer 1

播放具有前端表單驗證沒有內置的解決方案，你需要使用一些LIB即jQuery Validation Plugin

你從樣本表格應用向我們展示了驗證是一個後端一個 - 它限制設置在模型中和/或形式（如在User.java模型中）。

更多關於在Forms documentation