Thymeleaf客户端验证

时间:2018-08-09 12:52:55

标签: java thymeleaf

我是thymeleaf的新手,正在处理登录表单。我找到了一个简单的示例,其中有登录输入文本和密码字段。

我已经将该项目包含在我的系统中。当我单击登录按钮而不填写用户名和密码部分时,会弹出一个请填写详细信息气球。我没有在任何地方配置它,但想知道它正在弹出。下面是代码

  <div class="row" style="margin-top:20px">
    <div class="form-group " align="right">
        </br> </br> </br> </br> </br></br> </br> </br> </br>
        <form th:action="@{/login}" method="post">
            <fieldset>
                <h2 class="form-heading">Log in</h2>

                <div th:if="${param.error}">
                    <div class="alert alert-danger">
                        Invalid username and password.
                    </div>
                </div>
                <div th:if="${param.logout}">
                    <div class="alert alert-info">
                        You have been logged out.
                    </div>
                </div>

                <div class="form-group">
                    <input type="text" name="username" id="userName" class="form-control input-lg"
                           placeholder="UserName" required="true" autofocus="true"/>
                </div>
                <div class="form-group">
                    <input type="password" name="password" id="password" class="form-control input-lg"
                           placeholder="Password" required="true"/>
                </div>

                <div class="row">

                        <button class="btn btn-default" role="button">Log In</button>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</div>

0 个答案:

没有答案