Jquery validator: Run 2 different validation for same field at same time

Question

I am stuck in one scenario. I have a field text 2 which is required as well as with text3 it should be adding up to 100%. The problem is it gets validate invidually but I want the validations to be shown together. like

1. Text2 is required

2. Sum of Text2 and Text3 must equal 100%

Below is my code

<form action="" id="frmLogin" name="frmLogin" method="post">
 <input type="text" id="text1" name="text1" placeholder="text1">
 <input type="text" id="text2" name="text2" placeholder="text2">
 <input type="text" id="text3" name="text3" placeholder="text3">
 <input type="submit" id="submit" value="Submit" data-mini="true">
</form>

$('#frmLogin').validate({
onfocusout: false,
onkeyup: false,
ignore: "",
rules: {
    text1: {
        required: true
    },
    text2: {
        required: true,
        TotalSum: true
    }
},
showErrors: function (errorMap, errorList) {
    var messages = "";
    var check = 0;
    $.each(errorList, function (index, value) {
        check = 1;
        var id = $(value.element).attr('id');
        messages += (index + 1) + ". " + value.message + "\n";
    });

    messages = "Please correct following errors \n" + messages;
    if (check == 1) {
        alert(messages);
    }
},
submitHandler: function () {
    alert('Success!!!');
},
messages: {
    text1: {
        required: "Please enter text1"
    },
    text2: {
        required: "Please enter text2"
    }
}
});

jQuery.validator.addMethod("TotalSum", function () {

var arr = ['text2', 'text3'];
var Sum = 0;
for (var i = 0; i < arr.length; i++) {
    var test = arr[i];
    var sum2 = $('#' + test).val();
    if (sum2 == null || sum2 == 'NaN' || sum2 == '') sum2 = 0;

    Sum = parseInt(sum2) + parseInt(Sum);
}
if (Sum != 100) {
    return false;
} else return true;
}, "Sum of Text2 and Text3 must equal 100%");

Here is the Fiddle for the same FIDDLE

Answer 1

I can't make sense of your description... where you're talking about field #2 and #3 but never mention what's going on with your field #1. Anyway, this answer is pretty close in that it validates two fields to add up to 100 and places the error message in another location. I'm sure you could easily tweak it to suite your needs.

Working DEMO: http://jsfiddle.net/B6N5f/

$(document).ready(function () {

    jQuery.validator.addMethod("TotalSum", function (value, element, params) {
        total = parseFloat(value) + parseFloat($(params[0]).val());
        return total == 100;
    }, "Total must add up to 100%!");

    $("#frmLogin").validate({
        rules: {
            text1: {
                required: true,
                TotalSum: ['#text2']
            },
            text2: {
                required: true,
                TotalSum: ['#text1']
            }
        },
        groups: {
            percent: "text1 text2"
        },
        errorPlacement: function (error, element) {
            error.insertAfter($('#submit'));
        }
    });

});