根据特定字段选择和输入按钮

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? %> /> 

我不知道你的问题，但我尽力帮你！