Home > DeveloperSection > Forums > How to use ajax validation in mvc entity framework.
Ankit Singh

Total Post:341

Points:2389
Posted on    October-15-2015 4:10 AM

 ASP.NET MVC C#  AJAX  JQuery  Mvc4  Entity Framework  Jquery Validate 
Ratings:


 1 Reply(s)
 615  View(s)
Rate this:
Can anyone please help me how to solve this problem. 


aditya kumar Patel

Total Post:250

Points:1782
Supported
Posted on    October-15-2015 11:22 PM



@model EntitiesProject.UserMaster

 

<link href="/Content/bootstrap.min.css" rel="stylesheet" />

<script src="/Scripts/jquery-2.1.4.min.js"></script>

  <script src="/Scripts/bootstrap.min.js"></script> 

<script src="/Scripts/jquery.validate.js"></script>

<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

    <script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>

 

 

 

@using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST}))

{

   if (Model != null && Model.UserId > 0)

    {

    @Html.HiddenFor(x=>x.UserId)

    }

    <div class="form-horizontal">

        @Html.ValidationSummary()

        <div class="form-group">

       <label class="control-label col-sm-3" for="email">User Name:</label>

       <div class="col-sm-9">

        @Html.TextBoxFor(m => m.UserName, new { Class = "form-control",id = "name",

 placeholder ="Enter Name" })

         @Html.ValidationMessageFor(model => model.UserName, "", new { Class = "text-danger" })

            </div>

        </div>

        <div class="form-group">

        <label class="control-label col-sm-3" for="pwd">EmailId :</label>

        <div class="col-sm-9">

        @Html.TextBoxFor(m => m.EmailId, new { Class = "form-control",id = "emailid",

        placeholder = "Enter EmailId" })

        @Html.ValidationMessageFor(model => model.EmailId,"",new { Class = "text-danger" })

       </div>

        </div>

        <div class="form-group">

        <label class="control-label col-sm-3" for="phone">Phone Number:</label>

        <div class="col-sm-9">

        @Html.TextBoxFor(m => m.PhoneNumber, new { Class = "form-control", id = "phone",placeholder= "Enter Phone Number" })

         @Html.ValidationMessageFor(model => model.PhoneNumber, "", new { Class = "text-danger" })

         </div>

        </div>

        <div class="modal-footer">

         <button type="submit" class="btn btn-default">Save</button>

        <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>

        </div>

    </div>

}



namespace EntitiesProject

{

    using System;

    using System.Collections.Generic;

    public partial class UserMaster

    {

        public int UserId { get; set; }

        public string UserName { get; set; }

        public string PhoneNumber { get; set; }

        public string EmailId { get; set; }

    }

} 

namespace EntitiesProject {

    public class UserMetaData

    {

        [Display(Name = "Name")]

        [Required(ErrorMessage = "Please enter your Name")]

        public string UserName { get; set; }

 

    [Display(Name = "Phone")]

    [StringLength(20, ErrorMessage = "The field Phone must be a char with a maximum length of 20.")]     [RegularExpression(@"^([0]|\+91[\-\s]?)?[789]\d{9}$", ErrorMessage = "Entered Mobile No

     is not valid.")]

     [Required(ErrorMessage = "Please enter your Phone Number")]

     public string PhoneNumber { get; set; }

 

        [Required(ErrorMessage = "Please enter your email address")]

        [DataType(DataType.EmailAddress)]

        [Display(Name = "Email address")]

        [StringLength(50)]

        [RegularExpression(@"[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}", ErrorMessage = "Please

         enter correct email")]

    public string EmailId { get; set; }

    }

 

    [MetadataType(typeof(UserMetaData))]

    public partial class UserMaster

    {

    }

  }

namespace EntitiesProject.Controllers

{

    public class HomeController : Controller

    {

       [HttpPost]

        public ActionResult Add(UserMaster data)

        {

            if (ModelState.IsValid)

            {

                db.UserMasters.Add(data);

                db.SaveChanges();             }

            return new EmptyResult();

        }

}

}


Modified On Oct-15-2015 11:26:58 PM

Don't want to miss updates? Please click the below button!

Follow MindStick