HOW TO USE AJAX VALIDATION IN MVC ENTITY FRAMEWORK.

Ankit Singh

Total Post:341

Points:2389
Posted by  Ankit Singh
 1088  View(s)
Ratings:
Rate this:
Can anyone please help me how to solve this problem. 
  1. aditya kumar Patel

    Post:254

    Points:1810
    Re: How to use ajax validation in mvc entity framework.

    
    
    

    @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

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!