AngularJS表单和html5验证消息

时间:2016-08-26 00:15:27

标签: javascript angularjs html5 forms

我发现的所有与HTML5和AngularJS表单相关的示例仅显示用户应在其表单上使用novalidate来跳过浏览器验证。

我想要做的是,不知何故,能够在AngularJS表单上显示HTML5错误/错误消息。我找不到formsng-messages相关的任何内容。我正在查看ng-messages,因为我想在个性化模板中使用这些消息。

到目前为止,我发现错误消息与表单元素(input,textarea等)有关,可以使用指令通过element变量访问。像:

function link(scope, element) {
  element.on('blur', function() {
    var message = element[0].validationMessage !== "" ? element[0].validationMessage : undefined;

    if (message) {
      ...
    }
  }
}

这就是我想要做的: Input validated using HTML5 and showing message

有人知道我怎么能收到消息?

由于

编辑:

<div class="form-group" ng-class="{'has-error':cmFormModel.$invalid && !cmFormModel.$pristine}">
  <input
    type="email"
    name="myEmail"
    class="form-control"
    ng-model="myModel"
    placeholder="E-mail"
    uib-tooltip="{{tooltipMessage}}"
    tooltip-placement="{{tooltipPlacement}}"
    tooltip-trigger="none"
    tooltip-is-open="isTooltipOpen"/>
</div>

0 个答案:

没有答案