0

これが私が試していることです。

フォームには、上記のように3つのタブがあります。

特定のタブをクリックしてデータを入力しようとすると、テキストボックスの空の検証が検証されます。

ユーザーが最初のタブをクリックしてテキストボックスid="textbox_four"にデータを入力すると、次のタブをクリックした場合、そのデータはid = "textbox_five"にある必要があります。これは、3番目のタブをクリックしたときと同じです。 「textbox_six」に存在する必要があり、データは通過し続ける必要があります。

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

ここで光を当てることができれば素晴らしいと思います。

どんな助けでもいただければ幸いです

4

3 に答える 3

0

これにより、すべての同期が維持されます。それがあなたが求めていることだと思いますか？笑

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

于 2012-05-15T11:52:03.930 に答える
0

値 onkeyup を検出し、入力を他のテキスト フィールドにコピーします。

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

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

});
于 2012-05-15T11:42:25.920 に答える
0

このjqueryを使用して、機能させ、見栄えを良くすることができます

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

于 2012-05-15T12:07:38.623 に答える