em

ember-mailcheck

Suggest a domain when your users misspell it in an email address with mailcheck.js.

Showing:

Popularity

Downloads/wk

13

GitHub Stars

9

Maintenance

Last Commit

6yrs ago

Contributors

2

Package

Dependencies

1

Size (min+gzip)

0.3KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

ember-mailcheck Build Status Ember Observer Score

An Ember component for the mailcheck library to improve the UX of your app by suggesting a domain when your users misspell it in an email address.

Installation

ember install ember-mailcheck

Usage

In order to create an email input, you can call the mail-check component like so:

{{mail-check}}

Upon blur, the email will be validated with mailcheck. If there is no email domain the user will see the following hint: You seem to be missing an email domain, like @gmail.com or @hotmail.com.

If there's a typo in the email field, like johnotander@gmal.com, a hint will appear that says Did you mean johnotander@gmail.com?. As an added convenience, the email is clickable, and will automatically populate the input when clicked.

An example with a set value:

{{mail-check value=user.email}}

An example with all the options:

{{mail-check
  name='email'
  type='email'
  inputClass='form-input'
  placeholder='Enter your email'
  hintMessage='That does not look like a valid email address'
  suggestionMessage='Did you mean to type'
  disabled=false
  required=true
  title='Provide an email'}}

Development

Installation

  • git clone this repository
  • npm install
  • bower install

Running

  • ember server
  • Visit your app at http://localhost:4200.

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.

Thanks to the following

License

MIT

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Crafted with <3 by John Otander(@4lpine).

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100