Hi frnds
i created like wizard and m shareing my code..
but here if i click on Register button form is not be submitted ?
so anyone tell me what i did wrong?
model///
public class Customer { public string FirstName { get; set; } public string LastName { get; set; } public string Address { get; set; } public string City { get; set; } public string Phone { get; set; } public string Mobile { get; set; } } public class BasicDetails { [Required] [Display(Name = "First Name")] public string FirstName { get; set; }
[Required] [Display(Name = "Last Name")] public string LastName { get; set; } } public class AddressDetails { [Display(Name = "Street Address")] public string Address { get; set; }
[Required] [Display(Name = "City")] public string City { get; set; } } public class ContactDetails { [Display(Name = "Home Phone")] public string Phone { get; set; }
[Display(Name = "Mobile Phone")] public string Mobile { get; set; }
}
controller///
public class WizardFormController : Controller { // GET: WizardForm public ActionResult BasicDetails1() { return View(); } [HttpPost] public ActionResult BasicDetails1(Customer model) { if (ModelState.IsValid) { ViewBag.Name = model.FirstName; ViewBag.Email = model.LastName; } return View(model); } [HttpPost] public ActionResult BasicDetails1(BasicDetails data,string prevBtn, string nextBtn) { if (nextBtn != null) { if (ModelState.IsValid) { } } return View(); } }
view///
<div style="height:20%;border:groove"> <span id="spnEmp">INPUT SEETING</span> <span id="spnEmp">DESIGNING</span> <span id="spnEmp">PUBLISH</span> </div>
<div id="label1" style="width:100%; height:100% ; border:groove"> <div id="div1">
<h4>Basic Details</h4>
@Html.LabelFor(m => m.FirstName) @Html.TextBoxFor(m => m.FirstName) @Html.ValidationMessageFor(m => m.FirstName) <br /><br />
@Html.LabelFor(m => m.LastName) @Html.TextBoxFor(m => m.LastName) @Html.ValidationMessageFor(m => m.LastName) <br /><br />
</div>
<div id="div2">
<h4>Address Details</h4>
@Html.LabelFor(m => m.Address) @Html.TextBoxFor(m => m.Address) @Html.ValidationMessageFor(m => m.Address) <br /><br /> @Html.LabelFor(m => m.City) @Html.TextBoxFor(m => m.City) @Html.ValidationMessageFor(m => m.City)
<div id="div3">
<h4>Contact Details</h4>
@Html.LabelFor(m => m.Phone) @Html.TextBoxFor(m => m.Phone) @Html.ValidationMessageFor(m => m.Phone) <br /><br /> @Html.LabelFor(m => m.Mobile) @Html.TextBoxFor(m => m.Mobile) @Html.ValidationMessageFor(m => m.Mobile)
@*<input type="button" value="submit" />*@ <input id="btnAdd" type="SUBMIT" value="Register" /> </div>
</div><br /><br /> <input type="button" id="prev" value="PREV" /> <input type="button" id="next" value="NEXT" />
<script type="text/javascript"> $(document).ready(function () {
// Hide all div
$("#div2").hide();
$("#div3").hide();
$("#prev").hide();
$("#spnEmp").click(function () {
$("#div1").show();
$("#next").show();
});
$("#next").click(function () {
if ($("#label1 div:visible").nextAll('div').length == 1)
$("#next").hide();
if ($("#label1 div:visible").next().length != 0)
$("#label1 div:visible").next().show().prev().hide();
else {
$("#label1 div:visible").hide();
$("#label1 div:first").show();
$("#prev").show();
return false;
$("#prev").click(function () {
if ($("#label1 div:visible").prev().length != 0)
$("#label1 div:visible").prev().show().next().hide(); else {
$("#label1 div:last").show();
if ($("#label1 div:visible").nextAll('div').length > 0)
if ($("#label1 div:visible").nextAll('div').length == 2)
else
}); }); </script>