Disable "Previous button" if I'm at the first page and "Next

hi frnds

I am sending to you my code ..

m in stuck in this ,Disable "Previous button" if I'm at the first page and "Next button" if I'm at the last page ??

please chk and if u hv possible ,so correct this

<html>

<head>

<title>BasicDetailstitle>

head>

<body>

<div>

@*INPUT SEETING

DESIGN SEETING*@

@*PUBLISH*@*

div>

@using (Html.BeginForm())

{

@**@

<h4>Basic Detailsh4>

@Html.LabelFor(m => m.FirstName)

@Html.TextBoxFor(m => m.FirstName)

@Html.ValidationMessageFor(m => m.FirstName)

@Html.LabelFor(m => m.LastName)

@Html.TextBoxFor(m => m.LastName)

@Html.ValidationMessageFor(m => m.LastName)

div>

<h4>Address Detailsh4>

@Html.LabelFor(m => m.Address)

@Html.TextBoxFor(m => m.Address)

@Html.ValidationMessageFor(m => m.Address)

@Html.LabelFor(m => m.City)

@Html.TextBoxFor(m => m.City)

@Html.ValidationMessageFor(m => m.City)

div>

<h4>Contact Detailsh4>

@Html.LabelFor(m => m.Phone)

@Html.TextBoxFor(m => m.Phone)

@Html.ValidationMessageFor(m => m.Phone)

@Html.LabelFor(m => m.Mobile)

@Html.TextBoxFor(m => m.Mobile)

@Html.ValidationMessageFor(m => m.Mobile)

div>

fieldset>

<br />

@section Script{

Scripts.Render("~/bundles/jqueryval")

}

$(document).ready(function () {

// Hide all div

//$("#div2").hide();

//$("#div3").hide();

//$("#div1").hide();

//$("#next").hide();

//$("#prev").hide();

//rough//

// Hide all div

$("#div2").hide();

$("#div3").hide();

$("#div1").show();

$("#next").show();

$("#prev").hide();

// Hide all div

$("#next").click(function () {

$("#div1").show();

$("#next").show();

$("#prev").show();

});

// Hide all div

//$("#spnEmp").click(function () {

// $("#div1").show();

// $("#next").show();

// $("#prev").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();

}

return false;

});

$("#prev").click(function () {

if ($("#label1 div:visible").prev().length != 0)

$("#label1 div:visible").prev().show().next().hide();

else {

$("#label1 div:visible").hide();

$("#label1 div:last").show();

}

//if ($("#label1 div:visible").nextAll('div').length > 0)

// $("#next").show();

return false;

});

script>

body>

html>

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vinay Singh10y ago
Hi
Try this
code
https://css-tricks.com/jquery-ui-tabs-with-nextprevious/
Demo
https://css-tricks.com/examples/TabsNextPrev/
0
Anjali Khan10y ago
hi manas
on last div I am getting next button which I want hide. same thing apply on prev button
means if I will go to the prev button ,on first page also showing prev button ,which should be hide
0
Manas Mohapatra10y ago
Please recheck the answer and let me know the error you are getting in Browser console tab.
0
Anjali Khan10y ago
not working ...
0
Manas Mohapatra10y ago
Try like this:
if ($("#div1").is(':hidden')) {
    $("#prev").attr("disabled", true);
} else {
    $("#prev").removeAttr("disabled");
}
0