jquery - 选项卡中的 Jquery 验证

Question

这是我一直在尝试的。

一个表单将具有三个选项卡，如上所示。

当使用单击特定选项卡并尝试填充数据时，它已经验证了文本框的空验证。

当用户单击第一个选项卡并在文本框 id="textbox_four" 中填写一些数据时，如果他单击下一个选项卡，则数据必须在 id="textbox_five" 中，当他单击第三个选项卡时也是如此，它必须在“textbox_six”中，数据必须不断传递。

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

如果你能在这里有所启发，那就太好了。

任何帮助，将不胜感激

Answer 1

检测值 onkeyup 并将输入复制到其他文本字段：

$('#textbox_four').keyup(function(){

$('#textbox_five').val($(this).val());
$('#textbox_six').val($(this).val());

});

Answer 2

这将使它们保持同步。我想这就是你要问的？哈哈

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

编辑：您可以在验证期间检查选定的选项卡，如下所示

$('#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
    }
};

更新：http: //jsfiddle.net/trapper/CuA9V/5/

Answer 3

您可以使用此 jquery 使其工作并看起来更好

http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/