Włączanie i wyłączanie przycisku za pomocą javascript i asp.net

Question

Sprawdzam, czy użytkownik istnieje w bazie danych, jeśli istnieje Pokazuje komunikat jako "istniejący użytkownik", a następnie muszę wyłączyć przycisk rejestracji, jeśli nie muszę go włączyć.

Nie mogę włączyć ani wyłączyć przycisku rejestracji.

Czy ktoś może mi pomóc w tym wydaniu?

Oto mój kod:

<script type="text/javascript"> 
    $(function() { 
     $("#<% =btnavailable.ClientID %>").click(function() { 
      if ($("#<% =txtUserName.ClientID %>").val() == "") { 
       $("#<% =txtUserName.ClientID %>").removeClass().addClass('notavailablecss').text('Required field cannot be blank').fadeIn("slow"); 

      } else { 
       $("#<% =txtUserName.ClientID %>").removeClass().addClass('messagebox').text('Checking...').fadeIn("slow"); 
       $.post("LoginHandler.ashx", { uname: $("#<% =txtUserName.ClientID %>").val() }, function (result) { 
        if (result == "1") { 
         $("#<% =txtUserName.ClientID %>").addClass('notavailablecss').fadeTo(900, 1); 
         document.getElementById(#<% =btnSignUp.ClientID %>').enabled = false; 
        } 
        else if (result == "0") { 
         $("#<% =txtUserName.ClientID %>").addClass('availablecss').fadeTo(900, 1); 
         document.getElementById('#<% =btnSignUp.ClientID %>').enabled = true; 
        } 
        else { 
         $("#<% =txtUserName.ClientID %>").addClass('notavailablecss').fadeTo(900, 1); 
        } 
       }); 
      } 
     }); 

     $("#<% =btnavailable.ClientID %>").ajaxError(function (event, request, settings, error) { 
      alert("Error requesting page " + settings.url + " Error:" + error); 
     }); 
    }); 
</script> 

Answer 1

Niestety problem jest coś tak małe jak różnica pomiędzy enabled i disabled

.enabled = true;

Powinno być:

.disabled = false;

Answer 2

Można grać z tym:

$('#ButtonId').prop("disabled", true); ->> disabled 
$('#ButtonId').prop("disabled", false); ->> Enabled 

Answer 3

Spróbuj tego ...

document.getElementById('<%= button.ClientID %>').disabled = true; 

LUB

document.getElementById('<%= button.ClientID %>').disabled = false; 

Answer 4

u można po prostu ustawić widoczność przycisku do fałszywego widoczności = "false"

Answer 5

Aby włączyć lub wyłączyć przyciski za pomocą JavaScript, należy to zrobić -

Przykład:

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="a(); return false;"/> 
<asp:Button ID="Button2" runat="server" Text="Button" OnClientClick="b(); return false;" /> 

i

<script type="text/javascript"> 
    function a() { 
     alert('1'); 
     document.getElementById('<%=Button1.ClientID %>').disabled = true; 
     document.getElementById('<%=Button2.ClientID %>').disabled = false; 
     } 
    function b() { 
     alert('2'); 
     document.getElementById('<%=Button2.ClientID %>').disabled = true; 
     document.getElementById('<%=Button1.ClientID %>').disabled = false; 
     } 
</script> 

UWAGA: Podczas gdy inne posty miał podobny kod, ale nie ze względu na przeładowanie na stronie. Tak aby uniknąć przeładowania return false należy dodać jak OnClientClick="a(); return false;"

Answer 6

javascript:

function Enable() { 
     $("#btnSave").attr('disabled', false);     
    } 
function Disable() { 
     $("#btnSave").attr('disabled', true); 
    } 

ASPX stronę:

<asp:Button runat="server" ID="btnSave" Text="Save" UseSubmitBehavior="false" OnClientClick="if(Page_ClientValidate('Validation')){javascript:Disable();}" ValidationGroup="Validation"/> 

Code Behind:

ScriptManager.RegisterStartupScript(Me, Me.GetType(), "Disable", "javascript:Disable();", True) 

Answer 7

Funkcja .disabled działa, czy użyłeś punktu przerwania, aby upewnić się, że Twój kod został osiągnięty? Twoje warunkowe if/else mogą nie zwracać twoich oczekiwanych wartości.

Disable::

Answer 8

to zrobić

var myButton = document.getElementById('<%= this.myButton.ClientID %>'); 
    $(myButton).attr('disabled', 'disabled'); 

Włącz:

$(myButton).removeAttr('disabled'); 

Answer 9

Ten kod JavaScript powinno działać.

document.getElementById("<%=btnSignUp.ClientID%>").disabled = true; //To disable the button 

document.getElementById("<%=btnSignUp.ClientID%>").disabled = false;//To enable the button 

Twój kod powinien wyglądać

<script type="text/javascript"> 
    $(function() { 
     $("#<% =btnavailable.ClientID %>").click(function() { 
      if ($("#<% =txtUserName.ClientID %>").val() == "") { 
       $("#<% =txtUserName.ClientID %>").removeClass().addClass('notavailablecss').text('Required field cannot be blank').fadeIn("slow"); 

      } else { 
       $("#<% =txtUserName.ClientID %>").removeClass().addClass('messagebox').text('Checking...').fadeIn("slow"); 
       $.post("LoginHandler.ashx", { uname: $("#<% =txtUserName.ClientID %>").val() }, function (result) { 
        if (result == "1") { 
         $("#<% =txtUserName.ClientID %>").addClass('notavailablecss').fadeTo(900, 1); 
         document.getElementById("<%=btnSignUp.ClientID%>").disabled = true; 
        } 
        else if (result == "0") { 
         $("#<% =txtUserName.ClientID %>").addClass('availablecss').fadeTo(900, 1); 
         document.getElementById("<%=btnSignUp.ClientID%>").disabled = false; 
        } 
        else { 
         $("#<% =txtUserName.ClientID %>").addClass('notavailablecss').fadeTo(900, 1); 
        } 
       }); 
      } 
     }); 

     $("#<% =btnavailable.ClientID %>").ajaxError(function (event, request, settings, error) { 
      alert("Error requesting page " + settings.url + " Error:" + error); 
     }); 
    }); 
</script>