Show message in aleert popup if username
and password will be wrong
login Class
public class LoginClass
{
public int LogID { get; set; }
public string Username { get; set; }
public string Password { get; set; }
}
Controller
[HttpGet]
[ActionName("Login")]
public ActionResult login_Get()
{
return View();
}
[HttpPost]
[ActionName("Login")]
public ActionResult login_Post(LoginClass cls)
{
var login = ("admin".Equals(cls.UserName) && "12345".Equals(cls.Password));
if (login != null)
{
return RedirectToAction("Details");
}
else
{
ViewBag.Message = "UserName or password is wrong";
return View();
}
}
Views
<div>
@using(Html.BeginForm("login", "Home", FormMethod.Post)
{
@Html.AntiForgeryToken() // this is for prevent CSRF attack
if (@ViewBag.Message != null) {
<div id="popupdiv" style="border: 1px solid red; display: none;">
@ViewBag.Message
</div>
}
<table style="width: 50%;">
<tr>
<td>
Username
</td>
<td>
<input type="text" id="uname" name="uname" />
</td>
</tr>
<tr>
<td>
Password
</td>
<td>
<input type="text" id="pswd" name="pswd" />
</td>
</tr>
<tr>
<td colspan="2">
<input id="submit" type="submit" value="submit" />
</td>
</tr>
</table>
}
</div>
jquery for popup
<script type="text/jscript">
$(document).ready(function () {
var x = $("#uname").val();
var y = $("#pswd").val();
$("#submit").on("click", function () {
if (error condition ) {
alert('username and password is null');
}
else {
var div = $("#popupdiv").text();
alert(div)
}
});
});
</script>
Thanks