User Registration And Login Form With E-Mail Notification In MVC

In this article, we will cover the User Registration and login form. Also, we will send an email notification for user verification and password recovery functionality with OTP.

• Registration form
• Password Encryption
• Email notification
• Generate User verification link
• Login form
• Forget Password
• Generate OTP
• Change Password

So let's do it with a database table script as below.

Step 1

Step 2

Step 3

Step 4

Step 5

Now, click on the Finish button.

The generated model will look like below.

Note
If Entity framework is not found in your project, you can download it from the NuGet Package Manager.

After that, we will add a class for User Registration to the Models folder.

Select and name the class as below.

After this, we will set up a property for registration.

Here, we wish to use the server side validation. So, we'll require System.ComponentModel.DataAnnotations.

Now, let us set up the Validation property as below.

Confirm the password parameters shown here. These should be just for password confirmation which we will not save in the database.

Encrypt Password

For security, the password is always saved in an encrypted format. So, we'll add a class which will change the password into encryption format. Add this class in the Models folder.

Select and name the class as below.

The class will look like this.

We will add a return static method to make this class static.

Code snippet

Now, we will add a controller for registration.

Select and add an empty controller as below.

Name the controlled and click on the "Add" button.

The added controller will look like below.

After this, use a model class for this controller and add a View.

When clicking on the Add View, you will see the following dialog box.

Select "Create" for the template field. After that, select the Model class as below.

Code snippet: User Registration

Now, run the project.

Here, you will find a registration form with validation. Now, we will see how it will insert records in the database.

First, set up the database entity connection.

Then, add a POST method as below and add an object that will pass the data inside this method. Add a return static method which converts the password into an encrypted format.

Live debugging screen

Here, you can see that the activation code is generating and password conversion is also found.

Below is the record that we have set.

Check If Email Exists Or Not

When we have created the registration form with e-mail ID, the email id must be unique. So, whenever we are registering, it is necessary to check whether e-mail id is there in our database or not.

For that, we will use the below code.

Then, this method is put in the Action method as follows so can check before saving the data,

If getting an e-mail, you will have to make a few changes in the VIEW to give information as follows,

Now the e-mail ID is already registered so try to re-register,

Live debugging screen,

Here, you get the message that you are trying to register an e-mail id that is already registered.

Email Notification

Now, we will see how to send an email after it is registered. When we mail, we will send a verification link with the email. Adjust the method.

Code: SendEmailToUser

After the data is saved, call this method.

Then, add a Registration View to display the message.

The message can be shown as below after adding the View.

Code snippet

After the registration is successful, the message will appear like this.

The code for verification is mentioned below.

Code: UserVerification