title: How to disable a form after saving and then visible a second form using MVC?
body: <p>Ii have created two separate forms once I entered the records in the first form and then I click save button the form which is <code>company</code> and it's Company <code>ID</code> is disabled once save the information in to the form and social <code>ID</code> which should be displayed.. </p>
  
  <pre><code>$(document).ready(function () {
    $("#saveSocial").click(function (e) {
      e.preventDefault();
      GetInfo1();
      $("#company").show();
      $("#social").hide();
    });
  
    $("#SaveCompany").click(function (e) {
      e.preventDefault();
      $('#myForm').valid();
      GetInfo();
      $("#company").hide();
      $("#social").show();
    });
  });
  </code></pre>
  
  <p>BeginForm in html</p>
  
  <pre><code>&lt;div class="page-content"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;header class="section-header"&gt;
              &lt;div class="tbl"&gt;
                  &lt;div class="tbl-row"&gt;
                      &lt;div class="tbl-cell"&gt;
                          &lt;h2&gt;Company Registration Form&lt;/h2&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/header&gt;
          @using (Html.BeginForm("AddCompany", "Company", FormMethod.Post, new { id = "myForm", enctype = "multipart/form-data" }))
          {
              @Html.AntiForgeryToken()
              @Html.ValidationSummary(true)
              &lt;section class="tabs-section"&gt;
                  &lt;div class="tabs-section-nav tabs-section-nav-icons"&gt;
                      &lt;div class="tbl"&gt;
                          &lt;ul class="nav" role="tablist"&gt;
                              &lt;li class="nav-item"&gt;
                                  &lt;a class="nav-link active" href="#tabs-1-tab-1" role="tab" data-toggle="tab"&gt;
                                      &lt;span class="nav-link-in"&gt;
                                          &lt;i class="font-icon font-icon-cogwheel"&gt;&lt;/i&gt;
                                          Company Registration Form
                                      &lt;/span&gt;
                                  &lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li class="nav-item"&gt;
                                  &lt;a class="nav-link" href="#tabs-1-tab-2" role="tab" data-toggle="tab"&gt;
                                      &lt;span class="nav-link-in"&gt;
                                          &lt;span class="glyphicon glyphicon-music"&gt;&lt;/span&gt;
                                          Company Social Network
                                      &lt;/span&gt;
                                  &lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li class="nav-item"&gt;
                                  &lt;a class="nav-link" href="#tabs-1-tab-3" role="tab" data-toggle="tab"&gt;
                                      &lt;span class="nav-link-in"&gt;
                                          &lt;i class="fa fa-product-hunt"&gt;&lt;/i&gt;
                                          Company Reference
                                      &lt;/span&gt;
                                  &lt;/a&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;&lt;!--.tabs-section-nav--&gt;
                  &lt;div class="tab-content"&gt;
                      &lt;div id="company"&gt;
                          &lt;div role="tabpanel" class="tab-pane fade in active show" id="tabs-1-tab-1"&gt;
                              &lt;br /&gt;
                              &lt;br /&gt;
                              &lt;section&gt;
                                  &lt;div&gt;
                                      &lt;div class="row"&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; Model.company.CompanyName, new { @class = "form-label semibold control-label" })
                                                  @Html.TextBoxFor(model =&gt; model.company.CompanyName, new { @class = "form-control", @id = "txtCompanyName", placeholder = "Enter the Company Name" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.CompanyName)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.company.ShortName, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.company.ShortName, new { @class = "form-control", @id = "txtShortName", placeholder = "Enter the Short Name" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.ShortName)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.company.Division, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.company.Division, new { @class = "form-control", @id = "txtDivision", placeholder = "Enter the Division" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.Division)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;&lt;!--.row--&gt;
                                      &lt;br /&gt;
                                      &lt;div class="row"&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Contact Person&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.ContactPerson, new { @class = "form-control", @id = "txtContactPerson", placeholder = "Enter the Contact Person Name" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.ContactPerson)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.company.Designation, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.company.Designation, new { @class = "form-control", @id = "txtDesignation", placeholder = "Enter the Designation" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.company.Email, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.company.Email, new { @class = "form-control", @id = "txtEmail", placeholder = "Enter your Email" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.Email)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;br /&gt;
                                      &lt;div class="row"&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Address Line 1&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.Address1, new { @class = "form-control", @id = "txtAddress1", placeholder = "Enter your Address Line 1" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.Address1)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Address Line 2&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.Address2, new { @class = "form-control", @id = "txtAddress2", placeholder = "Enter your Address Line 2" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.company.Country, new { @class = "form-label semibold" })
                                                  @Html.DropDownList("Country", null, "--- Select Country ---", new { @class = "select2-arrow" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.Country)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;&lt;!--.row--&gt;
                                      &lt;br /&gt;
                                      &lt;div class="row"&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.company.State, new { @class = "form-label semibold" })
                                                  &lt;select id="state" class="select2-arrow"&gt;&lt;/select&gt;
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Location / City&lt;/label&gt;
                                                  @*&lt;select id="city" class="select2-arrow"&gt;&lt;/select&gt;&lt;br /&gt;*@
                                                  @Html.TextBoxFor(model =&gt; model.company.City, new { @class = "form-control", @id = "txtCity", placeholder = "Enter your Location / City" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.City)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Pincode / ZipCode&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.Pincode, new { @class = "form-control", @id = "txtPincode", placeholder = "Enter your Pincode" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.Pincode)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;&lt;!--.row--&gt;
                                      &lt;br /&gt;
                                      &lt;div class="row"&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Country Code&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.CountryCode, new { @class = "form-control", @id = "txtCountryCode", placeholder = "Enter your Country Code" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.CountryCode)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Mobile Number&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.MobileNo, new { @class = "form-control", @id = "txtMobileNo", placeholder = "Enter your Mobile Number" })
                                                  @Html.ValidationMessageFor(model =&gt; model.company.MobileNo)
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Phone Number&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.PhoneNo, new { @class = "form-control", @id = "txtPhoneNo", placeholder = "Enter your PhoneNo" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;&lt;!--.row--&gt;
                                      &lt;br /&gt;
                                      &lt;div class="row"&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;PAN Number&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.PanNo, new { @class = "form-control", @id = "txtPanNo", placeholder = "Enter Company PanNo" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Tin Number&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.TinNo, new { @class = "form-control", @id = "txtTinNo", placeholder = "Enter Company TinNo" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;GST Number&lt;/label&gt;
                                                  @Html.TextBoxFor(model =&gt; model.company.GSTno, new { @class = "form-control", @id = "txtGSTno", placeholder = "Enter Company GSTno" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;&lt;!--.row--&gt;
                                      &lt;br /&gt;
                                      &lt;div class="row"&gt;
  
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.company.IECCode, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.company.IECCode, new { @class = "form-control", @id = "txtIECCode", placeholder = "Enter Company IECCode" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Upload Company Logo&lt;/label&gt;&amp;nbsp;&amp;nbsp;
                                                  &lt;input type="file" name="ImageFile" id="txtUploadImage" style="cursor:pointer;" /&gt;
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  &lt;label class="form-label semibold"&gt;Perview Image&lt;/label&gt;&amp;nbsp;&amp;nbsp;
                                                  &lt;img id="image_upload_preview" src="http://placehold.it/100x100" alt="your image" /&gt;
                                                  &lt;a id="remove" onclick="javascript:ClearFileUploadControl();" style="display: none; cursor: pointer;"&gt;Remove&lt;/a&gt;
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;&lt;!--.row--&gt;
                                      &lt;br /&gt;
                                      &lt;input type="submit" name="Submit" id="SaveCompany" value="Save" class="btn btn-rounded btn-inline btn-success" /&gt;
                                  &lt;/div&gt;
                              &lt;/section&gt;
  
                          &lt;/div&gt;&lt;!--.tab-pane--&gt;
                      &lt;/div&gt;
                      &lt;div id="social"&gt;
                          &lt;div role="tabpanel" class="tab-pane fade" id="tabs-1-tab-2"&gt;
                              &lt;br /&gt;
                              &lt;section&gt;
                                  &lt;div&gt;
                                      &lt;div class="row"&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.CompanySocial.FaceBookID, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.CompanySocial.FaceBookID, new { @class = "form-control", @id = "txtFaceBookID", placeholder = "Enter the Facebook Link" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.CompanySocial.TwitterID, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.CompanySocial.TwitterID, new { @class = "form-control", @id = "txtTwitterID", placeholder = "Enter the Twitter Link" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                          &lt;div class="col-lg-4"&gt;
                                              &lt;fieldset class="form-group"&gt;
                                                  @Html.LabelFor(model =&gt; model.CompanySocial.linkedinID, new { @class = "form-label semibold" })
                                                  @Html.TextBoxFor(model =&gt; model.CompanySocial.linkedinID, new { @class = "form-control", @id = "txtlinkedinID", placeholder = "Enter the Linkedin Link" })
                                              &lt;/fieldset&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;&lt;!--.row--&gt;
                                  &lt;/div&gt;
                              &lt;/section&gt;
                              &lt;input type="submit" name="Submit" value="Previous" class="btn btn-rounded btn-inline btn-primary prev-step " /&gt;
                              &lt;input type="submit" name="Submit" id="saveSocial" value="Next" class="btn btn-rounded btn-inline btn-success" /&gt;
                          &lt;/div&gt;&lt;!--.tab-pane--&gt;
                      &lt;/div&gt;
                      &lt;div role="tabpanel" class="tab-pane fade" id="tabs-1-tab-3"&gt;
                          Tab 3
                          &lt;br /&gt;
                          &lt;br /&gt;
                          &lt;input type="submit" name="Submit" value="Previous" class="btn btn-rounded btn-inline btn-primary prev-step" /&gt;
                          &lt;input type="submit" name="Submit" value="Finish" class="btn btn-rounded btn-inline btn-success" /&gt;
                      &lt;/div&gt;&lt;!--.tab-pane--&gt;
                  &lt;/div&gt;&lt;!--.tab-content--&gt;
              &lt;/section&gt;&lt;!--.tabs-section--&gt;
          }
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/QvmUX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QvmUX.png" alt="Show"></a></p>
  
  <p><a href="https://i.stack.imgur.com/6ASXW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6ASXW.png" alt="Hide"></a></p>