MVC Custom Client side validation

Question

In my mvc 3 application, I would like to execute a function when the user tries to submit the form. Within that function I will check a number of fields to determine if the user has provided the necessary data before submission.

How can I hookup a script to be executed when the user tries to submit the form?

(within the custom validate function, I need to check if various checkboxes have been selected and if yes, then additional values are selected from dropdownlists etc.)

Community · Accepted Answer · 2017-05-23 12:27:47Z

5

How can I hookup a script to be executed when the user tries to submit the form?

You could subscribe to the .submit event of the form and after calling the standard client side validation call your custom function:

$(function() {
    $('form').submit(function() {
        if (!$(this).valid()) {
            // standard client validation failed => prevent submission
            return false;
        }

        // at this stage client validation has passed. Here you could call your
        // function and return true/false depending on the result of your
        // custom function
    });
});

Another possibility is to write custom validation attributes and hook up a custom adapter as shown in this answer and a similar one.

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Mar 14, 2012 at 12:28

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

1 Comment

Martin Over a year ago

Dangit, beat me to it by 20 secs!

Martin · Accepted Answer · 2012-03-14 12:29:14Z

2

$('#formId').submit(function () {
    var standardIsValid = $(this).validate().form();
    var customIsValid = customValidations();
    if (!standardIsValid || !customIsValid) {
        return false;
    }
});

answered Mar 14, 2012 at 12:29

Martin

11.1k8 gold badges53 silver badges77 bronze badges

Comments

user5398447 · Accepted Answer · 2012-03-14 12:28:18Z

0

In the view (RAZOR or ASPX), you will define a script like you would in html, and in there will be your client-side validation.

For example :

<script>
  //define your script here, ie. $.(#tagtovaildate).validate();
</script>

<html>
  //code
</html>

answered Mar 14, 2012 at 12:28

user5398447

Collectives™ on Stack Overflow

MVC Custom Client side validation

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related