jquery validate

Question

I have a multi-page form using jQuery Validate.

On page 1, I have a select dropdown that when someone selects something, it loads rules for the other input fields on the same page. My problem is that once the user submits and goes to page 2, and decides he needs to change something and.. he goes back to page 1 and some of the rules aren't being applied so the only way is to re-select the selector to reapply these jquery validate rules..

I need to ensure that the rules are being reapplied on page reload...

I hope this makes sense and hope someone has a simple quick answer.

Need some code.... Either use Cookies, or use a GET attribute to store the ruleset in? — Marco Johannesen
– Marco Johannesen, Commented Sep 12, 2011 at 13:32

Community · Accepted Answer · 2017-05-23 12:31:33Z

0

ASP.NET MVC and partial client side validation

Take a look on it.

You can call programatically to $('#myform').validate(), and $('#myform').valid() to know if the form is valid and move to the next step.

$(".stepButton").live("click", function() {
    if (isValid(this)) {
        // code to proceed to next step
    }
});

function isValid(el) {
    var $thisform = $(el).parent().parent();
    $thisform.validate();
    return $thisform.valid();
}

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Sep 12, 2011 at 14:58

vtortola

36.1k33 gold badges169 silver badges270 bronze badges

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

Comments

Fabian · Accepted Answer · 2011-09-12 15:21:25Z

0

You could save the selected option in a php session on page 2:

session_start();
$_SESSION['yoursession'] = $_POST['option'];

On page 1 you add a variable that saves the sessions in your javascript. Use json_encode() to properly escape it:

<script type="text/javascript">
    <?php echo 'var option = "'.json_encode($_SESSION['yoursession']).'";';
</script>

So if you go to page 2 the session is set with the option that has been selected on page 1 and if you go back the content of the session is saved in the variable.

edited Sep 12, 2011 at 15:21

answered Sep 12, 2011 at 14:54

Fabian

3,4954 gold badges37 silver badges43 bronze badges

Comments

Bogdan Mates · Accepted Answer · 2016-06-01 08:14:11Z

0

You shall use 2 forms, each one with a different id and declare a set of validation rules for each one. Try to adapt your code to this:

    var validationRules1 = {
        rules: {
            ...
        },
        messages: {
            ...
        }
    };

    var validationRules2 = {
        rules: {
            ...
        },
        messages: {
            ...
        }
    };

    var form1 = $('#form1');
    form1.submit(function () {
        form.validate(validationRules1);
        return form1.valid();
    });


    var form2 = $('#form2');
    form2.submit(function () {
        form.validate(validationRules2);
        return form2.valid();
    });

Hope this helps

answered Jun 1, 2016 at 8:14

Bogdan Mates

5664 silver badges8 bronze badges

Collectives™ on Stack Overflow

jquery validate

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related