Use ASP.NET MVC validation by Jquery

Question

I want to show validation messages for my DOM elements for which the validation are written into Viewmodel:

My viewmodel code is as::

 public class HotelDetailViewModel
    {
        public long DocumentHotelID { get; set; }
        [Required(ErrorMessage = "Please enter Check In Date")]
        public string CheckInDate { get; set; }
        [Required(ErrorMessage = "Please enter Room Type")]
        public string RoomType { get; set; }
        [Required(ErrorMessage = "Please enter Nights")]
        public int Nights { get; set; }
    }

I have also used the Razor Validators as:

@Html.ValidationMessageFor(Model => Model.CheckInDate)

But I want to do the Validation on client side itself, without doing any submit. Because I have two forms on page and only one form can be submitted and for other I haveto do something using Jquery on client side, that I am asking. Thanks in Advance.

matthijsb · Accepted Answer · 2014-03-14 08:46:01Z

1

To enable eager validation with the jQuery Validation plugin, use this code in your view

$('#myform').validate({
onfocusout: function(element) {
    $(element).valid();
}
});

answered Mar 14, 2014 at 8:46

matthijsb

9095 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

111 · Accepted Answer · 2014-03-14 08:55:32Z

0

In MVC, to support DataAnnotation validation on client side, you just have to put this javascript file **jquery.unobtrusive-ajax.js, jquery.validate.min.js, jquery.validate.unobtrusive.min.js

which is can be render as

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

answered Mar 14, 2014 at 8:55

111

1,7791 gold badge13 silver badges15 bronze badges

2 Comments

Rahul Over a year ago

Read the question properly and then answer.

111 Over a year ago

This javascript file will validate model, without submitting

Ashwini Verma · Accepted Answer · 2014-03-14 10:10:41Z

If you are allready using jquery.validate.min.js, you can add validation rules on client side.

<script src="jquery.validate.min.js" type="text/javascript"></script>

Example

@using (Html.BeginForm("action", "controller", new { Id = "ClientForm" }, FormMethod.Post))
{

    @Html.LabelFor(m => m.UserName)
    @Html.TextBoxFor(m => m.UserName)

    <input type="submit" value="Log in" />
}

Add validation rules

<script>
    $("#ClientForm").validate({
        rules: {
            'UserName': {
                required: true,
                maxlength: 20
            }
        },
        messages: {
            'UserName': {
                required: 'Title required',
                maxlength: 'Must be under 20 characters'
            }
        }
    });
</script>

Collectives™ on Stack Overflow

Use ASP.NET MVC validation by Jquery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related