angular.js validation error message

Question

I have searched and followed the angular code for a long time and cant find where this error message is coming from. I know the validation works but my code only has this:

<span class="error" ng-show="myForm.input.$error.required">
        Required!</span>
      <span class="error" ng-show="myForm.input.$error.email">
        Not valid email!</span></br>

but this error comes up: enter image description here

I cant even find where a concatenation might produce this. The word "Please" is not even in the angular code.

Guessing here: the browser, because of HTML5 support of "type='email'"? http://css.dzone.com/news/custom-validation-messages — Mark Rajcok, Jan 10 '13 at 00:59

score 10 · Accepted Answer · answered Jan 10 '13 at 02:01

10

The browser is generating this message, because of HTML5 support of "type='email'".

answered Jan 10 '13 at 02:01

Mark Rajcok

362,217
114
495
492

score 10 · Answer 2 · answered May 21 '13 at 07:13

10

you can add 'novalidate' in form to disable native HTML5 validation.

<form name="form" class="css-form" novalidate>

answered May 21 '13 at 07:13

Tejas

6,508
1
21
25

1

this is the proper response – VAShhh Oct 09 '13 at 13:11

score 2 · Answer 3 · edited May 23 '17 at 10:26

2

This is due to HTML5. If you don't want to show these messages, add the following to your css:

::-webkit-validation-bubble-message { display: none; }

However, at the moment this only works for WebKit implementations (Chrome).

More info

edited May 23 '17 at 10:26

Community

1
1

answered Jan 10 '13 at 06:05

asgoth

35,552
12
89
98

2

using `novalidate` directive is the angularjs way – luacassus Jul 15 '13 at 08:58
2

I don't think it's an angular directive. It's part of HTML. – Ronnie Overby Dec 09 '13 at 03:14

angular.js validation error message

3 Answers3