根據特定字段選擇和輸入按鈕

Question

幫助使用動態JavaScript代碼。我需要代碼來顯示Opt-In日期，Opt-in按鈕被禁用並且禁用按鈕被啓用。未顯示時，啓用選擇加入按鈕並禁用退出按鈕。這是我的代碼。我對JavaScript很陌生。這是我迄今爲止。感謝

請選擇以下方法來接收通知

<div class="row"> 
    <form action="AddDataServlet" method="post"> 

      <div class="row"> 
       <div class="col-md-6"> 
       <div class="form-group"> 
        <label class="control-label">Phone:</label> 

       <input type="text" class="form-control" id="phone" name="phone" pattern="^[0-9\-\+\s\(\)]*$" placeholder="(123)456-2345" value="<%=session.getAttribute("Phone")%>"> 

       </div> 
       </div> 

      <div class="col-md-2"> 
      <label class="control-label">OPT-IN DATE:</label> 
      <td><input type="datetime" id="OPT-IN phoneDate" name="OPT-IN phoneDate" class="form-control" value="<%=session.getAttribute("PhoneDate")%>"/></td> 
      <br> 

      </div> 


      <div class="col-md-2"> 
      <br> 
      <input type="Submit" class="form-control" value="Opt-In" style ='margin:6px'/> 
       </div> 
       <script> 
      if $(document).ready(function(){ 
       $('.form-control').attr('disabled',true); 

       $('#OPT-IN phoneDate').keyup(function(){ 
        if($(this).val().length !=0){ 
         $('.form-control').attr('disabled', false); 
        } 
        else 
        { 
         $('.form-control').attr('disabled', true);   
        } 
        })          
      }); 
      else if $(document).ready(function(){ 
       $('.form-control').attr('disabled',false); 

       $('#OPT-IN phoneDate').keyup(function(){ 
        if($(this).val().length !=0){ 
         $('.form-control').attr('disabled', true); 
        } 
        else 
        { 
         $('.form-control').attr('disabled', false);   
        } 
        })          
      }); 
      </script> 

      <div class="col-md-2"> 
      <br> 
      <input type="button" class="sendButton form-control" value="Opt-Out" style ='margin:6px'></input> 

      </div> 

Answer 1

好吧，顯然你是在JavaScript真正的新：d你需要閱讀更多關於這種語言的文件。但現在，這個代碼應該爲你工作：

更改您輸入的ID這樣的：

id="phoneDate" 

空間的ID，不支持，它是唯一的類屬性。

而在jQuery的：

$(document).on('ready', function(){ 
    var $submitButtons = $('.form-control'); 
    $('#phoneDate').on('keyup', function(){ 
    var $input = $(this); 
    if($input.val() != "") { 
     $submitButtons.prop('disabled', false); 
    } else { 
     $submitButtons.prop('disabled', true); 
    } 
    }); 
}); 

而在你的軌道查看，設置這樣的初始狀態：

<input type="Submit" class="form-control" value="Opt-In" style ='margin:6px' <%= "disabled" if session.getAttribute("PhoneDate").nil? %> /> 

我不知道你的問題，但我盡力幫你！