选项卡中的Jqueryvalidation

这是我一直在尝试的。

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

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

当用户点击第一个标签并填写文本框id =“textbox_four”中的某些数据时，如果他点击下一个标签，则其数据必须位于id =“textbox_five”中，同样当他点击第三个标签时，它必须在“textbox_six”中，数据必须继续传递。

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

如果你能在这里阐明一些，那就太棒了。

任何帮助，将不胜感激

Answer 1

这将使它们保持同步。 我想那就是你要问的？ 大声笑

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

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

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

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

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

Answer 3

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

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