Search code examples
emailimportlimit

Limit user to input email to just first part (can enter just name up to @ sign)


I have form inside popup windows in which i enter user details for specific company (first/last name, password/confirm pass... etc.) I want to limit email input field to just enter first part of email format. In other words, i want user to input his name or anything else, and other part after @ will be generated according to selected company from dropdown list.

Lets say that user can enter in x spaces [email protected]

If anyone have sugestion for best way to do that, i will be very thankful. For information, i'm working with angular2


Solution

  • If talking about UI design, I think the best solution is to let the user to select the company name first and use an input control similar to Bootstrap Input Groups.

    enter image description here

    You'll need to change the domain according to your selection.