【表单验证如何做到只在一行显示所有的错误信息? _表单验证】

表单验证如何做到只在一行显示所有的错误信息?

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

表单验证

详细描述

截图

代码

<form name="loginForm" novalidate ng-submit="myLogin()">
            <p class="head">后台登录</p>
            <div class="unames">
                <img src="../images/name.png">
                <input type="text"
                       name="unames"
                       ng-model="params.name"
                       ng-minlength="3"
                       ng-maxlength="10"
                       placeholder="请输入用户名" required>
            </div>
            <div class="error" ng-messages="loginForm.unames.$error">
                <!--<div ng-message="required">用户名不能为空</div>-->
                <div ng-message="minlength">用户名长度至少为3</div>
                <div ng-message="maxlength">用户名长度不能超过10</div>
            </div>
            <div class="unames">
                <img src="../images/password.png">
                <input type="password"
                       name="upwd"
                       ng-model="params.pwd"
                       ng-minlength="6"
                       ng-maxlength="16"
                       placeholder="请输入密码" required>
            </div>
            <div class="error" ng-messages="loginForm.upwd.$error">
                <!--<div ng-message="required">密码不能为空</div>-->
                <div ng-message="minlength">密码长度至少为6位</div>
                <div ng-message="maxlength">密码长度不能超过16位</div>
            </div>
            <p id="hint"></p>
            <button id="login" type="submit" value="登录">登录</button>
        </form>

编辑于2024-05-15

时间排序

热门排序

[上海|结业弟子]JS-燕赤霞
0

写一行p标签，用ng-model双向绑定，提示的信息就用ng-model输出出去

查看全部>

编辑于2018-11-30

去第页