Question

Here is what i’ve been trying.

A form will have three tab ,like the above.

When ever use clicks particular tab and try to fill data,it has validate the empty vaidation for text boxes.

When user clicks the first tab and fill some data in text box id=”textbox_four” ,then if he clicks the next tab,it data has to be there in id=”textbox_five”,the same when he click the third tab,it has to be there in “textbox_six”,data has to keep passing.

http://jsfiddle.net/CuA9V/2/

It would be great,if you can shed some light here.

Any help would be appreciated

Answer 1

This will keep them all in sync. I think that is what you are asking? lol

$('#textbox_four, #textbox_five, #textbox_six').keyup(function(){
    $('#textbox_four').val($(this).val());
    $('#textbox_five').val($(this).val());
    $('#textbox_six').val($(this).val());
});

Edit: you can check the selected tab during validation as below

$('#submitButton').click(function()
{
    var selected = $("#tabs").tabs('option', 'selected');

    if (selected == 0) {
        // Do this
    } else if (selected == 1) {
        // Do that
    } else if (selected == 2) {
        // Etc
    }
};

Updated: http://jsfiddle.net/trapper/CuA9V/5/