How do I handle bootstrap multiple TAB (signin & register) in C#

Question

0.00/5 (No votes)

See more:

Dear Members,

I have created a project in VISUAL STUDIO 2015 .
in my project i have created Master page and by using masterpage LOGIN page has been created.
problem:
In my login page have 3 tabs a- sign in , b- Register, c-Admin signin and these are designed by bootstrap. During my execution when I click on register Submit button nothing is happening.
Please Advise me what need to be done.

What I have tried:

ASPX

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage_ots.master" AutoEventWireup="true" CodeFile="LoginOTS.aspx.cs" Inherits="LoginOTS" %>

<asp:content id="Content1" contentplaceholderid="ContentPlaceHolder1" runat="Server">
    <br> <br>
       
        $(document).ready(function () {
            var selectedTab = $("#<%=hfTab.ClientID%>");
            var tabId = selectedTab.val() != "" ? selectedTab.val() : "pills-signin";
            $('#dvTab a[href="#' + tabId + '"]').tab('show');
            $("#dvTab a").click(function () {
                selectedTab.val($(this).attr("href").substring(1));
            });
        });
          
   <div class="container mt-1 mb-4">
  <div class="col-sm-8 ml-auto mr-auto">
    <ul class="nav nav-pills nav-fill mb-1" id="pills-tab">
      <li class="nav-item"> <a class="nav-link active" id="pills-signin-tab" href="#pills-signin">Sign In</a> </li>      <li class="nav-item"> <a class="nav-link " id="pills-signup-tab" href="#pills-signup">Sign Up</a> </li>      <li class="nav-item"> <a class="nav-link" id="pills-admin-tab" href="#pills-admin">Admin</a> </li>    </ul>

    <div class="tab-content" id="pills-tabContent">
               
      <div class="tab-pane fade show active" id="pills-signin">
        <div class="col-sm-12 border border-primary shadow rounded pt-2 bg-light">
          <div class="text-center">   </div>       
            <div class="form-group">            
              
            </div>
            <div class="form-group">       
              
            </div>
            <div class="form-group">
              <div class="row">
                <div class="col">
                   Remember me.
                </div>
                <div class="col text-right"> <a>Forgot Password?</a> </div>
              </div>
           
             
           <asp:button id="Button_Sign_in" cssclass="btn btn-block btn-primary" runat="server" text="Sign In" onclick="Button_Sign_in_Click">
                
                 
                <asp:hiddenfield id="HiddenField2" runat="server">
        
                
                 </div>
         
        </div>
          <br> <br>
      </div> 

                                    
                                                 

      <div class="tab-pane fade " id="pills-signup">
        <div class="col-sm-12 border border-primary shadow rounded pt-2 bg-light">
            
          <div class="text-center"></div>
          
            <div class="form-group">                   
                <asp:textbox id="TextBox_signup_unm" cssclass="form-control" placeholder="Enter Email ID/ Phone no as User Name" required="required" runat="server"> 
                 </div>
              <div class="form-group">           
              
             <asp:textbox id="TextBox_signup_pwd" cssclass="form-control" placeholder="Password" required="required" runat="server" textmode="Password" visible="True"> 
             <asp:requiredfieldvalidator id="pwd_validator" runat="server" errormessage="Select password" controltovalidate="TextBox_signup_pwd" font-size="Smaller"> 
            </div>
            <div class="form-group">            
             
                <asp:textbox id="TextBox_signup_cpwd" placeholder="Confirm Password" textmode="SingleLine" required="required" runat="server" font-size="Smaller" cssclass="form-control">
                <asp:requiredfieldvalidator id="cpwd_validator" runat="server" errormessage="Select password" controltovalidate="TextBox_signup_cpwd" font-size="Smaller"> 
                <asp:comparevalidator id="CompareValidator1" runat="server" errormessage="Password & Confirm Password should be same ! " controltocompare="TextBox_signup_pwd" controltovalidate="TextBox_signup_cpwd" font-size="Smaller">
                     
            </div>
            <div class="form-group">             
            
                <asp:textbox id="TextBox_signup_ufnm" cssclass="form-control" required="required" placeholder="Student name" runat="server">
                 </div>
            <div class="form-group">            
               
                <asp:label id="signupcls" runat="server" text="Class">
                     <asp:dropdownlist id="DropDownList1_cls" cssclass="form-control-sm" runat="server">
                      <asp:listitem>1
                      <asp:listitem>2
                      <asp:listitem>3
                      <asp:listitem>4
                      <asp:listitem>5
                      <asp:listitem>6
                      <asp:listitem>7
                      <asp:listitem>8
                      <asp:listitem>9
                      <asp:listitem selected="True">10
                      <asp:listitem>11
                      <asp:listitem>12
            
                   
                    <asp:label id="Label1" runat="server" text="Board">
                     <asp:dropdownlist id="DropDownList2" cssclass="form-control-sm" runat="server">                  
                      <asp:listitem selected="True">CBSE
                      <asp:listitem>ICSE
            
            </div>
            
            <div class="form-group">            
          
            <asp:textbox id="TextBox_signup_ph" cssclass="form-control" required="required" placeholder="Phone no" runat="server">
           </div>
            <div class="form-group">
               I agree with the <a>Terms & Conditions</a> for Registration.
            </div>
            <div class="form-group">
                <asp:button id="Button_Signup" runat="server" text="Sign Up" cssclass="btn btn-block btn-primary" onclick="Button_Signup_Click1">
                            
                <asp:hiddenfield id="HiddenField1" runat="server">
                                
            </div>
                    
        </div>
          <br> <br> 
      </div>
  
         
        <div class="tab-pane fade " id="pills-admin">
        <div class="col-sm-12 border border-primary shadow rounded pt-2 bg-light">
          <div class="text-center"></div>
        
            <div class="form-group">          
              
            </div>
            <div class="form-group">            
              
            </div>
            <div class="form-group">
              <div class="row">
                <div class="col">
                   Remember me.
                </div>
                <div class="col text-right"> <a>Forgot Password?</a> </div>
              </div>
            </div>
            <div class="form-group">
            
                <asp:button id="Button_Admin" cssclass="btn btn-block btn-primary" runat="server" text="Sign in" onclick="Button_Admin_Click">
           
                 
                <asp:hiddenfield id="hfTab" runat="server">
        
                 </div>
         
        </div>
         <br> <br>
      </div> 
       
         </div>
  </div>

  <div class="modal fade" id="forgotPass">
    <div class="modal-dialog">
    
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Forgot Password</h5>
             <span>×</span> 
          </div>
          <div class="modal-body">
            <div class="form-group">
              Email <span class="text-danger">*</span>
              
            </div>
            <div class="form-group">
            </div>
          </div>
          <div class="modal-footer">
            Sign In
            "> Send Request
          </div>
        </div>
      
    </div>
  </div>
</div>

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

public partial class LoginOTS : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
  
    protected void Button_Signup_Click1(object sender, EventArgs e)
    {
        hfTab.Value= "pills-signup";
        try
        {
            char utype = 'U';  /* user type super user, User, Admin = S / U /A */


            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString_OTS_DATA"].ConnectionString);

            con.Open();
            string insert = "insert into Z_REG_OTS(REG_unm,REG_pwd,REG_fnm,REG_class,REG_board,REG_ph,REG_user_type) values(@REG_unm,@REG_pwd,@REG_fnm,@REG_class,@REG_board,@REG_ph,@REG_user_type)";
            SqlCommand reg = new SqlCommand(insert, con);
            /*  */
            reg.Parameters.AddWithValue("@REG_unm", TextBox_signup_unm.Text);
            reg.Parameters.AddWithValue("@REG_pwd", TextBox_signup_pwd.Text);
            reg.Parameters.AddWithValue("@REG_fnm", TextBox_signup_ufnm.Text);
            reg.Parameters.AddWithValue("@REG_class", DropDownList1_cls.Text);
            reg.Parameters.AddWithValue("@REG_board", DropDownList2.Text);
            reg.Parameters.AddWithValue("@REG_ph", TextBox_signup_ph.Text);
            reg.Parameters.AddWithValue("@REG_user_type", utype);

            reg.ExecuteNonQuery();

            Response.Write("alert('Profile created successfully');");

            TextBox_signup_unm.Text = null;
            TextBox_signup_pwd.Text = null;
            TextBox_signup_cpwd.Text = null;
            TextBox_signup_ufnm.Text = null;
            TextBox_signup_ph.Text = null;

            con.Close();
        }
        catch (Exception ex)
        {
            Response.Write("error:" + ex.ToString());
        }
    }

    protected void Button_Admin_Click(object sender, EventArgs e)
    {
        hfTab.Value = "pills-admin";

    }

    protected void Button_Sign_in_Click(object sender, EventArgs e)
    {
        Response.Write("sunil ");
    }
}

Posted 22-May-20 6:40am

sunilrout

Updated 22-May-20 7:12am

Richard Deeming

v3

Add a Solution

Comments

Richard Deeming 22-May-20 13:12pm

You're storing passwords in plain text. Don't do that.

Secure Password Authentication Explained Simply[^]
Salted Password Hashing - Doing it Right[^]

Richard Deeming 22-May-20 13:13pm

You'll need to check your browser's developer console for any errors.

If you've got validators on each tab page, you'll need to set their ValidationGroup, and the ValidationGroup on the buttons, so that the validators from one tab page don't apply when you try to submit from a different tab page.

BaseValidator.ValidationGroup Property (System.Web.UI.WebControls) | Microsoft Docs[^]
Button.ValidationGroup Property (System.Web.UI.WebControls) | Microsoft Docs[^]

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)