AngularJS - Remove leading and trailing whitespace from input-box using regex

Question

I am writing a regular expression(regex) for adding multiple email ids in an input box with following conditions:

Multiple email ids must be separated with comma ,
Need to have atleast one email id
There should not be any whitespaces in input field.

So i created this regex:

^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([,.](([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+)*$

I tested it in regex101.com and its working like a charm https://regex101.com/r/bU7rU8/1

But when i integrate it with code, it works, but fails on leading and trailing whitespace.

Here is the demo link: http://jsfiddle.net/2G8gA/330/

Use ng-trim="false". Have a look at this fiddle. Is it what you need? — Wiktor Stribiżew
– Wiktor Stribiżew, Commented Aug 21, 2015 at 7:51
@stribizhev: You made my day. I am struggling to find out the issue from last 2hrs. Thanks for help. Please post an answer. I will accept it. :) — Mohit Pandey
– Mohit Pandey, Commented Aug 21, 2015 at 7:55

Community · Accepted Answer · 2020-06-20 09:12:55Z

11

AngularJS trims the input by default, so you need to use ng-trim="false" in order to pass leading and trailing whitespace to your pattern regex.

See documentation:

ngTrim (optional)

If set to false Angular will not automatically trim the input. This parameter is ignored for input[type=password] controls, which will never trim the input.

(default: true)

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Aug 21, 2015 at 7:56

Wiktor Stribiżew

631k41 gold badges502 silver badges632 bronze badges

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

Comments

codebox · Accepted Answer · 2015-08-21 07:58:13Z

2

Do you want leading/trailing spaces allowed on the whole string, or around each individual address?

For the former your regex should be

/^(\s*([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([,.](([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+\s*)*$/

and for the latter

/^(\s*([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25}\s*)+([,.](\s*([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+\s*)*$/

answered Aug 21, 2015 at 7:58

codebox

20.3k10 gold badges70 silver badges81 bronze badges

Collectives™ on Stack Overflow

AngularJS - Remove leading and trailing whitespace from input-box using regex

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related