Отключить / включить кнопку Telerik, когда поля ввода пусты - PullRequest
Новая
       16

Отключить / включить кнопку Telerik, когда поля ввода пусты

0 голосов
/ 14 декабря 2018

У меня есть простая веб-форма.Есть 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()" >

Пожалуйста, помогите мне сделать это.Я изо всех сил пытался сделать это целый день.Цените ваши ответы

...