2014-08-28 49 views
0

我的tabcontainer中有5个选项卡。我想验证所有选项卡中的控件。在切换到另一个asp.net前验证选项卡中的控件

在这里我需要限制选项卡切换到另一个选项卡,如果当前选项卡的验证为false。 在这里我复制我拥有的js。但这仅适用于两个选项卡。

任何人都可以帮助我在这里使5代码的代码?

function switchToTab(sender,args) 

{ 

var tabContainer = $find(“<%= MainTabContainer.ClientID %>”); 

var tab = $find(“<%= MainTabContainer.ClientID %>”).get_activeTabIndex(); 

switch (tab) 

{ 

case 0: 

if (Page_ClientValidate(‘tabPersonal’) == false) 

{ 

$find(“<%= MainTabContainer.ClientID %>”).set_activeTabIndex(0); 

$find(“<%= tabPersonal.ClientID %>”).set_activeTabIndex(0); 

} 

else if (Page_ClientValidate(‘tabContact’) == false) 

{ 
$find(“<%= MainTabContainer.ClientID %>”).set_activeTabIndex(1); 

$find(“<%= tabContact.ClientID %>”).set_activeTabIndex(0); 

} 

break; 

case 1: 

if (Page_ClientValidate(‘tabPersonal’) == false) 

{ 

$find(“<%= MainTabContainer.ClientID %>”).set_activeTabIndex(0); 

} 

else if (Page_ClientValidate(‘tabContact’) == false) 

{ 

$find(“<%= MainTabContainer.ClientID %>”).set_activeTabIndex(1); 

$find(“<%= tabContact.ClientID %>”).set_activeTabIndex(0); 

} 

} 

} 
+0

您使用的是什么技术?你有什么尝试? – 2014-08-28 09:35:09

+0

如果您使用的是jQuery验证插件,那么在表单中应用'validate'并且每次点击一个选项卡时,仅当'$(“#form_id”).valid()== true'时切换选项卡。 – 2014-08-28 09:38:01

+0

我已经完成了该选项卡中控件的验证。但我不知道验证码限制选项卡切换到另一个选项卡。我有这个js。但它只能用于两个选项卡。我没有太多关于js的知识来编辑它,并使它用于5个选项卡。在这里我粘贴我有我的 – shanid 2014-08-28 09:45:35

回答

0

在TabPanel中使用UpdatePanel。在TabControl的Event'ActiveTabChanged'中写入验证代码。

这当然是如果您使用AjaxControltoolkit.TabContainer控件。

+0

我已经完成了对选项卡中控件的验证。但我不知道验证码限制选项卡切换到另一个选项卡 – shanid 2014-08-28 09:43:38

相关问题