Part 3 - How to post data with validation in the ASP.NET Web API using Jquery

Part 3 - Post data to Web API using Jquery.
 
Please provide First Name
Please provide Last Name
Invalid email ID
Part 3 - How to post data with validation in the ASP.NET Web API using Jquery
  
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - My ASP.NET MVC Application</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
       @* @Styles.Render("~/Content/css")*@
        @* Add bootstrap css for good looks *@
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
        @Scripts.Render("~/bundles/modernizr")
        <style>
            html, body,.menuContainer,.mainContainer,.menu  {
                height:100%;
            }
            .menu a {
              margin: 0px;
              padding: 10px 20px;
              display: block;
              line-height: 18px;
          
            }
            .menu {
              background-color: #f3f3f3;
              padding: 5px;
            }
        </style>
    </head>
    <body>
        <div class="row mainContainer">
            <div class="col-sm-4 col-md-3 menuContainer">
                <div class="menu">
                    <a href="/Home/Part1">Fetch Data from WebApi using Jquery</a>
                    <a href="/Home/Part2">Fetch Data from WebApi using HTTP Client</a>
                    <a href="/Home/Part3">Post Data from WebApi using jquery</a>
                </div>
            </div>
            <div class="col-sm-8 col-md-9">
                @RenderBody()
            </div>
        </div>
        @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
    </body>
</html>
 
Posted By :