【ng-messages不显示提示 _angular model 】

ng-messages不显示提示

我也踩过这个坑( 1 )

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

回答(1)

angular model

详细描述

截图

代码

<form class="myForm" name="myForm">
    <div class="list">
      <label class="item item-input">
        <img src="../../img/iphone.png">
        <input type="text"
               placeholder="请输入手机号"
               name="mobile"
               ng-model="mobile"
               maxlength="11"
               ng-maxlength="11"
               ng-pattern="/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/"
               >
      </label>
      <label class="item item-input">
        <img src="../../img/lock.png">
        <input type="password"
               placeholder="请输入登录密码"
               name="password"
               ng-model="pwd"
               ng-pattern="/(?!.*[\u4E00-\u9FA5\s])(?!^[a-zA-Z]+$)(?!^[\d]+$)(?!^[^a-zA-Z\d]+$)^.{6,16}$/"
               >
      </label>
    </div>
    <div class="btn">
      <button class="button button-block"
              ng-disabled="myForm.mobile.$error.required || myForm.password.$error.required">登录
      </button>
      <a ui-sref="register">立即注册</a>
      <a class="right" ui-sref="1">忘记密码?</a>
    </div>
    <div ng-messages="myForm.mobile.$error"
         class="error"
         ng-if="myForm.mobile.$invalid">
      <div ng-message="maxlength">不能大于3位</div>
      <div ng-message="pattern">账号格式错误</div>
    </div>
    <div ng-messages="myForm.password.$error"
         class="error"
         ng-if="myForm.password.$invalid">
      <div ng-message="pattern">密码格式错误</div>
    </div>
  </form>

编辑于2024-05-03

时间排序

热门排序

[深圳|结业弟子]JS-张峻
0

原因是没有设置ng-model，一定要设置ng-model，不然验证错误也不会显示相应的提示信息。

查看全部>

编辑于2018-04-20

去第页