【问题标题】:Show custom error message显示自定义错误消息
【发布时间】:2017-11-04 17:30:39
【问题描述】:

我试图在表单验证中显示错误。 但这些消息始终可见。

<form name="user-form" method="POST" action="{{route('registrationUser')}}">
    <div class="col-lg-8">
              Логин <input type="text" name="log" ng-model="mobile"   required pattern="[a-zA-Z ]*"><br>
               <span class="help-block" ng-show="errors.log[0]"><p>Только английский</p></span>
         </div>

          Пароль <input type="text" name="pass" ng-minlength="8" ng-pattern="regex" required pattern="[a-zA-Z]{8,32}" ><br>
         <div ng-show="user-form.pass.$error.pattern">Name doesn't match pattern!</div>
         <button ng-click='SaveUser()' name="Регистрация">Регисрация</button>
 </form>

【问题讨论】:

  • 将其设为空
    并让验证消息填充它
  • 这是什么Только английский? (俄语)你是什么意思总是可见的?你可以做 style="display:none;" 然后使用 Javascript 来显示它们。

标签: php angularjs laravel formvalidation.io


【解决方案1】:

您可以在 ng-show 中添加另一个条件

<div ng-show="user-form.pass.$error.pattern && buttonclicked">Name doesn't match pattern!</div>

并在您的控制器中将该条件设置为 true

$scope.SaveUser= function () {
    $scope.buttonclicked = true;
};

所以只有当用户点击提交按钮时错误消息才会可见

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签