100分求如何在验证控件的SetFocusOnError之前执行一个javascript函数？
日期：2014-05-18 浏览次数：20521 次
100分求怎么在验证控件的SetFocusOnError之前执行一个javascript函数？？？
用javascript配合css样式做了个类似tabstrip的简单功能。
我在第一个tab中放了一个TextBox，然后放了一个RequiredFieldValidator验证控件，如果不输入值直接提交就会有错误提示，并且焦点会定位到TextBox。
现在的问题是我如果切换到了第二个tab上，这个时候提交，验证控件也有效，提交不了，但不会跳转到第一个tab上，怎么样让验证起作用之前先跳到tab1上，然后再定位到TextBox，不知道我的问题说明白了没有。
另：试了TextBox的onfocus事件，在这个中执行ShowTable(1)，但无效。
附代码：直接复制到aspx文件中即可运行。
<%@ Page Language= "C# " %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head runat= "server ">
<title> 测试 </title>
<style type= "text/css ">
.current
{
background-color: blue;
cursor: pointer;
}
.normal
{
background-color: white;
cursor: pointer;
}
</style>
</head>
<body>
<form id= "form1 " runat= "server ">
<script language= 'javascript ' type= "text/javascript ">
function ShowTable(ID){
for (i=1;i <= 3;i++){
if(i == ID){
document.getElementById( "TabTitle " + i).className= "current ";
document.getElementById( "Table " + i).style.display= " ";
}
else{
document.getElementById( "TabTitle " + i).className= "normal ";
用javascript配合css样式做了个类似tabstrip的简单功能。
我在第一个tab中放了一个TextBox，然后放了一个RequiredFieldValidator验证控件，如果不输入值直接提交就会有错误提示，并且焦点会定位到TextBox。
现在的问题是我如果切换到了第二个tab上，这个时候提交，验证控件也有效，提交不了，但不会跳转到第一个tab上，怎么样让验证起作用之前先跳到tab1上，然后再定位到TextBox，不知道我的问题说明白了没有。
另：试了TextBox的onfocus事件，在这个中执行ShowTable(1)，但无效。
附代码：直接复制到aspx文件中即可运行。
<%@ Page Language= "C# " %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head runat= "server ">
<title> 测试 </title>
<style type= "text/css ">
.current
{
background-color: blue;
cursor: pointer;
}
.normal
{
background-color: white;
cursor: pointer;
}
</style>
</head>
<body>
<form id= "form1 " runat= "server ">
<script language= 'javascript ' type= "text/javascript ">
function ShowTable(ID){
for (i=1;i <= 3;i++){
if(i == ID){
document.getElementById( "TabTitle " + i).className= "current ";
document.getElementById( "Table " + i).style.display= " ";
}
else{
document.getElementById( "TabTitle " + i).className= "normal ";
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
