Thursday, 15 July 2010

Enable/Disable Button Based On Empty TextBoxes Using JavaScript -



Enable/Disable Button Based On Empty TextBoxes Using JavaScript -

validating button 1 field works code.

<script language="javascript" type="text/javascript"> function setbuttonstatus(sender, target) { if ( sender.value.length >= 12 ) document.getelementbyid(target).disabled = false; else document.getelementbyid(target).disabled = true; } script> <asp:textbox id="txttext" runat="server" onkeyup="setbuttonstatus(this, 'btnbutton')">asp:textbox> <asp:button id="btnbutton" runat="server" text="button" enabled="false" /> <asp:textbox id="secondtxttext" runat="server" />

but need check on 2 fields. tried if else if else, didn't work. how can add together field check thanks.

try this

<script language="javascript" type="text/javascript"> function setbuttonstatus() { var fv=document.getelementbyid('<%=txttext.clientid%>').value; var sv=document.getelementbyid('<%=secondtxttext.clientid%>').value; //change these conditions requirement if ( fv.length >= 12 && sv.length>=12) document.getelementbyid('<%=btnbutton.clientid%>').disabled = false; else document.getelementbyid('<%=btnbutton.clientid%>').disabled = true; } script> <asp:textbox id="txttext" runat="server" onkeyup="setbuttonstatus()">asp:textbox> <asp:button id="btnbutton" runat="server" text="button" enabled="false" /> <asp:textbox id="secondtxttext" runat="server" onkeyup="setbuttonstatus()" />

javascript

No comments:

Post a Comment