Question

我有一个简单的Web表单。有3个文本框，我只想在文本框不为空时启用该文本框（将背景色更改为绿色）。

 <telerik:RadButton ID="btnsubmit" runat="server"  BorderStyle="None" BackColor="#808080" ButtonType="LinkButton" Font-Bold="False" Font-Names="Calibri" Font-Size="9pt" ForeColor="White" Height="24px" OnClick="btnsubmit_Click" Text="Save" Width="150px" 
                       SingleClick="true"
                        SingleClickText="Processing..."
                        DisabledButtonCssClass="RadButton_Disable" 
                         Enabled="false">

“在初始加载时”按钮被禁用，背景为灰色，文本框为空。我尝试在所有文本框都填满时启用按钮，并且还想将按钮颜色更改为绿色。

 function enable() {
      debugger;
      var txt1 = document.getElementById("<%=textbox1.ClientID %>");
      var txt2 = document.getElementById("<%=textbox2.ClientID %>");
      var txt3 = document.getElementById("<%=textbox3.ClientID %>");
      var btn = document.getElementById("<%=btnsubmit.ClientID %>");
      if (txt1.value == "" || txt2.value == "" || txt3.value == "") {
          btn.disabled = true;
          btn.style.backgroundColor = '#808080';
      } else if (txt1.value != "" && txt2.value != "" && txt3.value != "") {
          btn.disabled = false;
          btn.style.backgroundColor = '82BA00';
      }
  }

我在所有三个文本框上都这样称呼

<telerik:RadTextBox ID="textbox3" runat="server" MaxLength="100" BorderColor="#E1E9FF" BorderStyle="Solid" BorderWidth="1px" Font-Names="Calibri" Font-Size="9pt" Skin="Metro" TextMode="Password" Width="200px" onblur = "enable()" >

请帮助我做到这一点。我一直在努力完成这一整天。感谢您的答复

输入字段为空时禁用/启用Telerik按钮

0 个答案: