How to use ajax validation in mvc entity framework.

Anonymous User 2589 15 Oct 2015

Can anyone please help me how to solve this problem.

Anonymous User

Other

I am a content writter !

1 Answers

Anonymous User 15 Oct 2015 Accepted Answer


@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();
        }
}
}

forum

How to use ajax validation in mvc entity framework.

Can you answer this question?

1 Answers