Create view

 @model ElevageDomain.Entities.Ferme

@{
    ViewBag.Title = "Create";
}

    @using (Html.BeginForm("Create","Ferme",FormMethod.Post))
    {
         @Html.AntiForgeryToken()

            <hr />
           @Html.ValidationSummary(true)
   <div class="row" >
        <div class="col-md-4">
            <div class="panel panel-info" style="width:auto, ">
                <div class="panel-heading">
                    <h2 class="panel-title">Ajouter une ferme</h2>
                </div>
                  <div class="panel-body">

                    <form role="form">
                        <div class="form-group">
                            <label for="Reference">Réference</label>
                            <input id="referenceFerme" type="text" class="form-control" placeholder="Ajouter Réference..." />
                        </div>

                        <div class="form-group">
                            <label for="Adresse">Adresse</label>
                            <input id="Adresse" type="text" class="form-control" placeholder="Ajouter Adresse..."   />
                        </div>

                        <div class="form-group">
                            <label for="Longeur">Longeur(en mètre)</label>
                            <input id="Longeur" type="text" class="form-control" placeholder="Ajouter Longueur..."    />
                        </div>


                        <div class="form-group">
                            <label for="Largeur">Largeur(en mètre)</label>
                            <input id="Largeur" class="form-control" placeholder="Ajouter Largeur..."  />
                        </div>
                    </form>

                    <div class="col-md-offset-2 col-md-10">

                       @* <input type="button" value="Save" class="btn " onclick="location.href='@Url.Action("Create", "Ferme")'" />*@


                        <input id="sub" type="submit" value="Save" class="btn btn-primary"  />
                       @* <input type="button" value="Cancel" class="btn " onclick="location.href='@Url.Action("Create", "Ferme")'" />*@
                    </div>
                </div>
            </div>
        </div>
   </div>
        <div id="status"></div>
    }


<div >
    @Html.ActionLink("Liste des fermes", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script src="~/Scripts/knockout-3.3.0.js"></script>
    <script type="text/javascript">
     $(document).ready(function () {
         $("#sub").click(function (e) {
             e.preventDefault();

             var onEventLaunchFerme = new postFerme();
             onEventLaunchFerme.launchFerme();
         });
    });

    function postFerme() {
        this.launchFerme = function () {
            //fetch values from input
            var reference = $("referenceFerme").val();
            var adresse = $("Adresse").val();
            var longueur = $("Longueur").val();
            var largeur = $("Largeur").val();
            // build json abject
            var ferme = {
                referenceFerme: reference,
                Adresse: adresse,
                Longueur: longueur,
                Largeur: largeur
            };



            $.ajax({
                type: "POST",
                url: "Ferme/Create",
                dataType: "json",
                contentType: 'application/json; charset=utf-8',
                data: JSON.stringify(ferme),
                success: function () { alert("Sucess !!!"); },
                error: function () { alert("Error !!!"); }
            });

        }

    }
    </script>


}