2013-07-04 5 views
0

У меня есть следующая форма для входа, и я использую Блок UI, чтобы заблокировать форму входа в систему, пока проверка на стороне сервера продолжается, и из-за панели обновления этот блок снова разблокирует регистрационную форму после обновление панели обновляется:Отключить блок ui, когда активирован активатор asp

Войти Форма:

<h1>User Login</h1> 
<asp:Label ID="lblErrorCredentials" runat="server" ForeColor="Red"></asp:Label> 
<label class="grey" for="log">Email ID:</label> 


<asp:TextBox ID="txtCustEmailID" runat="server" CssClass="field"></asp:TextBox> 

<asp:RequiredFieldValidator ID="rfvCustEmailID" runat="server" Font-Bold="False" 
Font-Size="Small" ForeColor="Red" ErrorMessage="Please Enter Valid EmailId." 
ControlToValidate="txtCustEmailID" SetFocusOnError="True"Text="*"> 
</asp:RequiredFieldValidator> 
<asp:RegularExpressionValidator ID="revCustEmailID" runat="server" 
ControlToValidate="txtCustEmailID" ErrorMessage="Invalid Email ID" Font-Bold="False" 
Font-Size="Small" ForeColor="Red" 
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"> 
</asp:RegularExpressionValidator> 


<label class="grey">Password:</label> 

<asp:TextBox ID="txtCustPwd" runat="server" CssClass="field"></asp:TextBox> 

<asp:RequiredFieldValidator ID="rfvCustPwd" Font-Bold="False"Font-Size="Small" ForeColor="Red" runat="server" ErrorMessage="Please Enter Your Password." 
ControlToValidate="txtCustPwd" SetFocusOnError="True" Text="*"> 
</asp:RequiredFieldValidator> 

<asp:Button ID="btnCustLogin" runat="server" Text="Login" OnClick="btnCustLogin_Click"/> 

enter image description here

Что этот блок пользовательский интерфейс делает его блокировка моего div навсегда все еще активируется валидаторами из-за неправильного ввода, и пользователь не может повторно выполнить регистрацию снова.

Ниже приведен код для блока интерфейса

Блока интерфейс:

$(document).ready(function() { 
    $('#btnCustLogin').click(function() { 
     $('div#LoginForm').block({ 

      message: '<h4>Processing</h4>', 
      css: { border: '3px solid #35a7c1' } 
     }); 

    }); 

}); 

Теперь я хочу, чтобы всякий раза, когда мои ASP валидаторы активизироваться этот блок интерфейс должен быть отключен. Пожалуйста, помогите мне.

ответ

0

Я нашел решение, используя простого яваскрипт IsValid свойства

То, что я делаю, проверку правильности всех валидаторов, если все валидаторы правильно и передаются только тогда я звоню блок пользовательского интерфейс, чтобы заблокировать форму входа следующим образом: `

$(document).ready(function() { 
    $('#btnCustLogin').click(function() { 
     if (document.getElementById("rfvCustEmailID").isvalid && document.getElementById("revCustEmailID").isvalid && document.getElementById("rfvCustPwd").isvalid) { 
     $('div#LoginForm').block({ 

      message: '<h3><img src="Images/Loading_Smaller.gif"/> Processing...</h3>', 
      css: { 
        border: '3px solid #35a7c1', 
        width: '200px' 


       }   

      }); 

     } 

    }); 

}); 

Теперь форма Войти блокирует только тогда, когда все валидаторы передаются и остаются заблокированными до тех пор проверки на стороне сервера не завершена и обновления панели обновления.

 Смежные вопросы

  • Нет связанных вопросов^_^