Angular 未显示自定义验证消息

Question

我在 AngularJS 应用中验证时无法显示自定义消息。

下面是我的代码：

<div class="row">
    <div class="input-field col s12">
       <input id="description" rows="3" class="materialize-textarea no-pad-bot no-pad-top" ng-model="Description" ng-required="isValidationRequired()" ng-minlength="5"></input>
        <span class="help-inline" ng-show="submitted && frm1.description.$error.required">Comments are required</span>

     </div>
 </div>

 <input type="submit" class="white-text waves-effect btn" value="Enter" ng-click="submitted=true" />

以上有效，但显示的消息是 "Please fill out this field"。这不是我指定的消息。我想要显示我自己的自定义消息。我找不到我的代码有什么问题。谁能帮我指出正确的方向。

Answer 1

你收到一条你写代码的消息了吗？听起来像是浏览器验证。检查您的声明并向其中添加 "novalidate"。即

<form novalidate>

也许这有助于...

Answer 2

您的代码有一些问题。

不包含表格，我假设您只是没有在 post.
您需要指定输入的名称。所以在做frm1.description的时候，它知道描述是什么
确保函数是ValidationRequired returns true
您需要在表单标签中包含 novalidate

在这里，我有一个工作示例

  <form novalidate name="frm1">
<div class="row">
<div class="input-field col s12">
   <input name="description" id="description" rows="3" class="materialize-textarea no-pad-bot no-pad-top" ng-model="Description" ng-required="isValidationRequired()" ng-minlength="5"></input>
    <div class="help-inline" ng-show="submitted && frm1.description.$error.required">Comments are required</div>

 </div>

http://jsfiddle.net/mlhuff12/Lvc0u55v/4503/

Angular 未显示自定义验证消息

Angular custom validation message does not get displayed

validation

custom-error-handling

angularjs