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/

选项卡中的Jquery验证

3 个答案: