Sunday, 25 May 2014

Jquery Validations in MVC4

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



 <script type="text/javascript">
     
        $(function () {

       
                $("#form1").validate(
                    {
                        rules:
                            {
                                CompanyName:
                                     {
                                         required: true,
                                         minlength: 5
                                     },
                                EmpName:
                                    {
                                        required: true,
                                        minlength:2
                                    },

                                Address:
                                    {
                                        required: true,
                                        minlength: 10
                                    },

                                City:

                                    {
                                    required: true
                                    },
                                State:

                                  {
                                      required: true
                                  },
                                Country:

                                 {
                                     required: true
                                 }


                            },
                        messages:
                            {
                                CompanyName:
                                    {
                                        required: "Please Enter Company Name.",
                                        minlength: " Minimum Length is  Four",
                                    },
                                EmpName:
                                    {
                                        required: "Please Enter Your Name.",
                                        minlength:"Minimum Two Letters.",
                                    },
                                Address:
                                  {
                                      required: "Please Enter Your Address.",
                                      minlength: "Address Should Contian Minimum 10 Letters.",
                                  },

                                City:
                                    {
                                      required: "Please Enter Your City."
                                    },
                                State:
                                   {
                                       required: "Please Enter Your Country."
                                   },
                                Country:
                                    {
                                        required: "Please Enter Your Country."
                                    }
                             

                            }
                    });
            });
    </script>


@using (Html.BeginForm(null, null, FormMethod.Post, new { id="form1"}))
{
  <table  >
        
        <tr>
            <td>
                @Html.LabelFor(Model=>Model.CompanyName)
            </td>
            <td>
                @Html.EditorFor(Model=>Model.CompanyName)
                  @Html.ValidationMessageFor(model => model.CompanyName)
            </td>
        </tr>
        <tr>
            <td>
                @Html.LabelFor(model => model.EmpName)
            </td>
            <td>
                @Html.EditorFor(model => model.EmpName)
                 @Html.ValidationMessageFor(model => model.EmpName)
            </td>
             <td></td>
        </tr>

     <tr>
            <td>
                @Html.LabelFor(model => model.Address)
            </td>
            <td>
                @Html.EditorFor(model => model.Address)
                @Html.ValidationMessageFor(model => model.Address)
            </td>
             <td > 
                      
             </td>
        </tr>
        <tr>
            <td>
                @Html.LabelFor(model => model.State)
            </td>
            <td>
                @Html.EditorFor(model => model.State)
                @Html.ValidationMessageFor(model => model.State)
            </td>
        </tr>
        <tr>
            <td>
                @Html.LabelFor(model => model.City)
            </td>
            <td>
                @Html.EditorFor(model => model.City)
                @Html.ValidationMessageFor(model => model.City)
            </td>
             <td></td>
        </tr>
        <tr>
            <td>
                @Html.LabelFor(model => model.Country)
            </td>
            <td>
                @Html.EditorFor(model => model.Country)
                @Html.ValidationMessageFor(model => model.Country)
            </td>
             <td></td>
        </tr>
        <tr>
            <td>
                @Html.Label("DepartmentName")
            </td>
            <td>
               @Html.DropDownList("DepartmentId","Select Department")
               @* @Html.DropDownListFor(model => model.DepartmentId.DeptName, new SelectList(ViewBag.DepartmentId,"Value","Text"))*@
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" value="Save" />

            </td>
        </tr>
    </table>

}

No comments:

Post a Comment