C# Online Compiler | .NET Fiddle

<no name> by Anonymous

namespace YourNamespace.Models
{
    public class LoginModel
    {
        public string Username { get; set; }
        public string Password { get; set; }
    }
}

Model

​x
 
namespace YourNamespace.Models
{
    public class LoginModel
    {
        public string Username { get; set; }
        public string Password { get; set; }
    }
}
​

@model YourNamespace.Models.LoginModel

<!DOCTYPE html>
<html>
<head>
    <title>Login Page</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        .container {
            width: 300px;
            margin: 100px auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        input[type="text"],
        input[type="password"],
        input[type="submit"] {
            width: calc(100% - 10px);
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        input[type="submit"] {
            background-color: #007bff;
            color: #fff;
            border: none;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Login Page</h2>
        @using (Html.BeginForm())
        {
            @Html.LabelFor(m => m.Username)
            @Html.TextBoxFor(m => m.Username)

            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password)

            <input type="submit" value="Login" />
        }

        @if (ViewBag.Erro        input[type="submit"] {
            background-color: #007bff;
            color: #fff;
            border: none;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Login Page</h2>
        @using (Html.BeginForm())
        {
            @Html.LabelFor(m => m.Username)
            @Html.TextBoxFor(m => m.Username)

            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password)

            <input type="submit" value="Login" />
        }

        @if (ViewBag.ErrorMessage != null)
        {
            <div>@ViewBag.ErrorMessage</div>
        }
        @if (ViewBag.Username != null)
        {
            <script>alert("Username: @ViewBag.Username");</script>
        }
    </div>
</body>
</html>rMessage != null)
        {
            <div>@ViewBag.ErrorMessage</div>
        }
        @if (ViewBag.Username != null)
        {
            <script>alert("Username: @ViewBag.Username");</script>
        }
    </div>
</body>
</html>

View

 
@model YourNamespace.Models.LoginModel
​
<!DOCTYPE html>
<html>
<head>
    <title>Login Page</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        .container {
            width: 300px;
            margin: 100px auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        input[type="text"],
        input[type="password"],
        input[type="submit"] {
            width: calc(100% - 10px);
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        input[type="submit"] {
            background-color: #007bff;
            color: #fff;
            border: none;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Login Page</h2>
        @using (Html.BeginForm())
        {
            @Html.LabelFor(m => m.Username)
            @Html.TextBoxFor(m => m.Username)
​
            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password)
​
            <input type="submit" value="Login" />
        }
​
        @if (ViewBag.Erro        input[type="submit"] {
            background-color: #007bff;
            color: #fff;
            border: none;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Login Page</h2>
        @using (Html.BeginForm())
        {
            @Html.LabelFor(m => m.Username)
            @Html.TextBoxFor(m => m.Username)
​
            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password)
​
            <input type="submit" value="Login" />
        }
​
        @if (ViewBag.ErrorMessage != null)
        {
            <div>@ViewBag.ErrorMessage</div>
        }
        @if (ViewBag.Username != null)
        {
            <script>alert("Username: @ViewBag.Username");</script>
        }
    </div>
</body>
</html>rMessage != null)
        {
            <div>@ViewBag.ErrorMessage</div>
        }
        @if (ViewBag.Username != null)
        {
            <script>alert("Username: @ViewBag.Username");</script>
        }
    </div>
</body>
</html>
​

using System.Web.Mvc;
using YourNamespace.Models;

namespace YourNamespace.Controllers
{
    public class LoginController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Index(LoginModel model)
        {
            if (IsValidUser(model.Username, model.Password))
            {
                ViewBag.Username = model.Username;
            }
            else
            {
                ViewBag.ErrorMessage = "Invalid username or password";
            }

            return View();
        }

        private bool IsValidUser(string username, string password)
        {
            return username == "rangga" && password == "rangga123";
        }
    }
}

Controller

 
using System.Web.Mvc;
using YourNamespace.Models;
​
namespace YourNamespace.Controllers
{
    public class LoginController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
​
        [HttpPost]
        public ActionResult Index(LoginModel model)
        {
            if (IsValidUser(model.Username, model.Password))
            {
                ViewBag.Username = model.Username;
            }
            else
            {
                ViewBag.ErrorMessage = "Invalid username or password";
            }
​
            return View();
        }
​
        private bool IsValidUser(string username, string password)
        {
            return username == "rangga" && password == "rangga123";
        }
    }
}
​

View in Full Screen

R
e
:
_
"È"
S
O
B
_
P
o
j
i
""
""
o
v
n
a

Cached Result
Last Run:	4:51:41 am
Compile:	0.14s
Execute:	0s
Memory:	8kb
CPU:	0s

View IL Code