AngularJS custom required text

Question

I use the inbuilt AngularJs directive required, once it validates to false I get a small popup close to the field with the text "Please fill out this field". My problem is that I need the text in a different language, how should I proceed?

I have found some pretty good answers, but none that would solve this for the entire webapp. From my Angular experience I think that a custom directive which uses "setCustomValidity" should do the trick..

user1354603 · Accepted Answer · 2014-07-03 10:20:20Z

3

I figured out how to do it (note I use coffeescript):

angular.module('myApp').directive('customRequiredText', () ->
  {
     restrict: 'AE'
     link: (scope, elem, attrs, ctrl) ->
       elem[0].oninvalid = (e) -> e.target.setCustomValidity('Fyll i det här fältet')
       elem[0].oninput = (e) -> e.target.setCustomValidity('')
 }
)

answered Jul 3, 2014 at 10:20

user1354603

4,0404 gold badges33 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS custom required text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related