We Keep Coding

How do I show a different razor view based on what the user choose from the radio button?

I have a program where the user can register and log in, when the user is logged in, he gets a welcome message with his name and a question with two radio buttons. When the user select one of the radio buttons, I want him to be redirected to another razor view that shows a table with some information, and if he selects the other radio button, I want him to be redirected to another razor view that shows another table and in both of the tables he should be able to add different things to it using the database I’ve connected to it.
I am very new to programming overall, but I know the basics. My first question is, what do I need to accomplish to do this? What is the first thing I would need to do? I was thinking that I should make an if statement but it does not seem to work. I have created the radio buttons in the .cshtml. I have created one of the tables already in a separate controller with views. But how do I make that show based on which button the user chose?
I hope my question was clear. Thank you.

If you want to redirect to different view,you can use js to redirect the page when the selected value changes.Here is a demo:
html:
<input type="radio" value="url1" name="redirect" />url1
<input type="radio" value="url2" name="redirect" />url2
js:
<script>
$("input[name='redirect']").change(function () {
var value = document.querySelector('input[name="redirect"]:checked').value;
if (value == "url1") {
window.location.href = "/url1";
} else {
window.location.href = "/url2";
}
});
</script>

Can this button submit post action two times?

I have a post action that get called twice, I looked through code and it looks like the problem is in UI and the way the form gets submitted. If someone can look at this input and tell me if this can somehow call post twice?
<input id="btn-submit" type="submit" class="btn pri continue-btn"
value="#RecruiterResources.ContinueButton"
data-type="submit-with-progress"
data-value="#Resources.Continue"
data-progress="#Resources.Processing" />
On the button you see "Continue"(text) and when it clicked it changes on "Processing.."(text)
EDIT:
when i debug with F12
I see 2 post actions

Um, are you double-clicking the button? Some Mac users tend to do that.
Just to be safe, you can add this code to disable the submit button after it is clicked the first time.
$('form').submit(function() {
$(this).find("button[type='submit']").prop('disabled',true);
});

how to avoid postback when i click the button in MVC

I have two button in my cshtml page. When i click the first button data fetch from the database and bind it my controls. The records are many so the second button goes down, then i click the second button same thing happened fetch from the database and bind the grid, so the page is loaded then the page goes up. I want to stay same place when i click the second button. How to prevent it.

make your button like this :
<input type="button" id"button2" onclick="CallAjax();return false;"/>
//then in javascript
function CallAjax()
{
//your ajax call here to retrieve or update data
}

This is MVC 101...
Make your button a standard HTML5 button, which calls a JavaScript function on click...
<input type="button" id="goButton" value="Go »" onclick="goFunction();">
(I don't think you have to "return false" with a button, only with a submit)
Then, use Razor helpers in your view to do the Ajax call to the controller...
function goFunction() {
var url = '#Url.Action("MyActionMethodName", "MyControllerName")';
var settings = { 'some data': 'some values' };
$.ajax(url, settings);
}
See the JQuery Ajax page for more information about how to work the "settings" object.
BTW - sounds like you are "paging a grid" but you just forgot to say so... use a tool for that, such as Kendo. Paging is solved, don't solve it again.

Prevent Double Submit on ASP.NET MVC page

I have an ASP.NET MVC 4 view. In the view, I have
<form action="/myAction" method="post">
...
<input type="submit" value=" Save " onclick="this.disabled = true; this.value = ' Please wait... '; return true;" />
</form>
By disabling the button, the form never gets submitted. However, I would like to disable the button after a user clicks it. The reason I want to disable it is to prevent the user from clicking the "submit" button multiple times. What am I doing wrong? I thought if I returned true, the form would still submit.

Disable the button in your form's submitted event, not the button's click event. This is because the click event fires before the form is submitted - though you are returning true, so that shouldn't cause the submission to fail, I don't think.

Use ActionFilters. This blog post has a class you can just drop into your project, decorate your actions and you're done.

Webforms: Enable Submit button after confirmation code entered

I am working on an WebForms app, and we want to put a speed bump, for lack of a better term, in for the users at a particular point in the app. There is a particular action which is not supposed to be undone. So when they click the button to do that action we want to display a small confirmation window, have them enter a random string that we give them. Once they enter that string, and it matches the corresponding label, the submit button becomes enablesand they can perform the action. But for the life of me I can't figure out a good way to do this client side with WebForms. Is there a simple mechanism to use this type of workflow without a ton of post back events?
Note: This is an internal app where high security isn't truly a necessary requirement in this case. As I said, this is meant to be something to slow the user down slightly.

This is similar to the mint.com confimration style.
Add JavaScript to the textbox onChange or onKeyUp event, there do your check and enable the button.
For example:
<script type="text/javascript">
function checkConfirmationText(){
// Check if value of entered text = value of hidden text
var isOk = document.getElementById('confirmation-label').value == document.getElementById('confirmation-text').value);
// Show/Hide button depending on the text
document.getElementById('btn-submit').style.dispaly = isOk ? '' : 'none';
}
</script>
<!-- HTML -->
<input type="hidden" id="confirmation-label" value="DELETE" />
Enter "DELETE": <input type="text" id="confirmation-text" value="" onkeyup="checkConfirmationText()" />
<input type="submit" id="btn-submit" style="display:none" />

You could generate the javascript method to check the code (including the code in the method) server side and use registerclientscriptblock (or whatever the current method is), then use the onblur to call that method.