Getting Started - MVC - HttpPost | C# Online Compiler

Getting Started - MVC - HttpPost by Anonymous

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class User
{
    public int UserID { get; set; } // If you're saving the user information in a database
    public string Username { get; set; }  // The user's username
    public string Password { get; set; }

    // You could also have a 'Role' property if you are managing different user roles (like Admin, User)
    public string Role { get; set; }
}

}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class User
{
    public int UserID { get; set; } // If you're saving the user information in a database
    public string Username { get; set; }  // The user's username
    public string Password { get; set; }
​
    // You could also have a 'Role' property if you are managing different user roles (like Admin, User)
    public string Role { get; set; }
}
​
}

@model HelloWorldMvcApp.User
@{
    ViewBag.Title = "User Login";
}

<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f4f4f4;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    .login-container {
        background-color: #fff;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: 400px;
    }

    .login-container h2 {
        text-align: center;
        margin-bottom: 20px;
        color: #333;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .form-group label {
        font-weight: bold;
        color: #333;
    }

    .form-control {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .form-control:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

    .btn {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        color: white;
        background-color: #007bff;
        border: none;
        border-radius: 10px;
        cursor: pointer;
    }

    .btn:hover {
        background-color: #0056b3;
    }

    .validation-summary-errors,
    .field-validation-error {
        color: red;
        font-size: 12px;
    }

    .validation-summary-errors {
        margin-bottom: 10px;
    }
</style>

<div class="login-container">
    <h2>@ViewBag.Title</h2>
    
    @using (Html.BeginForm("Login", "User", FormMethod.Post))
    {
        @Html.AntiForgeryToken()

        <div class="form-group">
            @Html.LabelFor(m => m.Username)
            @Html.TextBoxFor(m => m.Username, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Username)
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Password)
        </div>
		

        <button type="submit" class="btn btn-primary">Login</button>
    }
</div>

View

 
@model HelloWorldMvcApp.User
@{
    ViewBag.Title = "User Login";
}
​
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f4f4f4;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }
​
    .login-container {
        background-color: #fff;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: 400px;
    }
​
    .login-container h2 {
        text-align: center;
        margin-bottom: 20px;
        color: #333;
    }
​
    .form-group {
        margin-bottom: 15px;
    }
​
    .form-group label {
        font-weight: bold;
        color: #333;
    }
​
    .form-control {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
​
    .form-control:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
​
    .btn {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        color: white;
        background-color: #007bff;
        border: none;
        border-radius: 10px;
        cursor: pointer;
    }
​
    .btn:hover {
        background-color: #0056b3;
    }
​
    .validation-summary-errors,
    .field-validation-error {
        color: red;
        font-size: 12px;
    }
​
    .validation-summary-errors {
        margin-bottom: 10px;
    }
</style>
​
<div class="login-container">
    <h2>@ViewBag.Title</h2>
    
    @using (Html.BeginForm("Login", "User", FormMethod.Post))
    {
        @Html.AntiForgeryToken()
​
        <div class="form-group">
            @Html.LabelFor(m => m.Username)
            @Html.TextBoxFor(m => m.Username, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Username)
        </div>
​
        <div class="form-group">
            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Password)
        </div>
        
​
        <button type="submit" class="btn btn-primary">Login</button>
    }
</div>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class UserController : Controller{
	[HttpGet]
	public ActionResult Index(){
	return View();
	}
		
	[HttpGet]
    [ValidateAntiForgeryToken]
    public ActionResult Login(User model)
    {
        if (ModelState.IsValid)
        {
           if(model.Username == "admin" && model.Password == "1234"){
		   		ModelState.AddModelError("", "Valid username or password.");
		   }else{
		   		ModelState.AddModelError("", "Invalid username or password.");
		   }
        }
        return View(model);
    }
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class UserController : Controller{
    [HttpGet]
    public ActionResult Index(){
    return View();
    }
        
    [HttpGet]
    [ValidateAntiForgeryToken]
    public ActionResult Login(User model)
    {
        if (ModelState.IsValid)
        {
           if(model.Username == "admin" && model.Password == "1234"){
                ModelState.AddModelError("", "Valid username or password.");
           }else{
                ModelState.AddModelError("", "Invalid username or password.");
           }
        }
        return View(model);
    }
    }
}

View in Full Screen

False

Cached Result
Last Run:	8:03:45 am
Compile:	0.116s
Execute:	0s
Memory:	0b
CPU:	0s

View IL Code