Generate the Client Side Hash Password Via MD5 Algorithm and Saving it to Database

CREATE TABLE LoginTable
(
    UserID varchar(10) primary key,
    pwd varchar(50)
)

Step 4. Add a reference to the MD5 conversion file on the page and create a JavaScript function to convert the plain password to the hashed password.

1. Add the reference of the MD5 conversion file on the page.

   <script src="Scripts/md5.js"></script>
   

2. Create a JavaScript function to convert the plain password to the hashed password in the "head" section of the page.

   <script type="text/javascript">
       function GeneratePwd() {
           if (document.getElementById("txtpwd").value != "") {
               document.getElementById("txtpwd").value = hex_md5(document.getElementById("txtpwd").value);
           }
       }
   </script>
   

Note. The "hex_md5" function exists in the "md5.js" file.

Step 5. Add the code on the page load for adding JavaScript function via an attribute add of the save button and on the button click event to save the data.

1. Add the JavaScript function via an attribute add of the save button.

   protected void Page_Load(object sender, EventArgs e)
   {
       if (!IsPostBack)
       {
           // Add the JS function call to button with a parameter
           btn_Save.Attributes.Add("onclick", "return GeneratePwd();");
       }
   }
   

2. Save the data into the database on the save button click event.

   protected void btn_Save_Click(object sender, EventArgs e)
   {
       if (txtUserID.Text != "" && txtpwd.Text != "")
       {
           // Insert the Data in the Table
           using (SqlConnection connection = new SqlConnection())
           {
               connection.ConnectionString = ConfigurationManager.ConnectionStrings["constr"].ToString();
               connection.Open();
               SqlCommand cmd = new SqlCommand();
               cmd.Connection = connection;
               string commandText = "Insert into LoginTable values ('" + txtUserID.Text + "','" + txtpwd.Text + "')";
               cmd.CommandText = commandText;
               cmd.CommandType = CommandType.Text;
               cmd.ExecuteNonQuery();
               cmd.Dispose();
               connection.Close();
               Response.Write("Data has been Added");
           }
       }
   }
   

At Run Time

After running the page, type the user ID and password.

Note. Here User ID is "Admin" and the password is "abcd1234".

Result

Now the output in the database is as you can see.