Проверка формы на стороне клиента в игровой среде

3

Я хочу сделать этот тип проверки в моей форме Изображение 20153

Поле должно быть красным с сообщением, когда пользователь отправляет пустую форму. Мой 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

но не дает желаемого средства вывода, не отображающего сообщение и поля с красным, когда пользователь отправляет пустую форму Спасибо заранее.

Теги:
playframework
validation

1 ответ

1

В Play нет встроенного решения для проверки формы на лицевой панели, вам нужно использовать некоторый lib i.e плагин проверки jQuery

Подтверждение, которое вы показали нам в примере с образцовыми формами, - это бэкэнд - у него есть ограничения, установленные в модели (-ях) и/или форме (типах), например, в User.java.

Подробнее о ограничениях в Документация по форматам

  • 0
    но в своих формах (в папке примеров) они использовали это свойство, приведенное выше изображение имеет форму form.scala.html в приложении форм, и они не включают никаких других файлов в свой main.scala.html.
  • 0
    здесь \play-2.2.1\samples\java\forms
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню