Кнопка Текст не меняется

Question

На моей странице формы JSP я пытаюсь изменить текстовую кнопку, когда заполняется форма. Вот HTML код

 <form:form id="requestForm" method="get" name="myForm" modelAttribute="quickstartbean" ACTION="${pageContext.request.contextPath}/quickstart/questions"> 

     <form:input type="text" path="fName" value="${quickstartbean.fName}" id="fname" name="fname" /> 

     <input type="submit" value="Skip and Continue" id="save_btn" style="background-color: #98FB98;"></input> 
</form:form> 

Вот мой Javascript

(function() { 
        $('form>input').keyup(function() { 

         var empty = false; 
         $('form>input').each(function() { 
          if ($(this).val() == '') { 
           empty = true; 
          } 
         }); 

         if (empty) { 
          $('#save_btn').attr('value', 'Skip and Continue" />'); 
         } else { 
          $('#save_btn').attr('value','Save and Continue" />'); 
         } 
        }); 
       })() 

Но значение кнопки не меняется после того, как заполнить текстовое поле

Answer 1

Добавить класс в сНу теге

<form:form id="requestForm" method="get" name="myForm" modelAttribute="quickstartbean" ACTION="${pageContext.request.contextPath}/quickstart/questions"> 

<div class="textbox"> 
      <form:input type="text" path="fName" value="${quickstartbean.fName}" id="fname" name="fname" /> 
</div> 

      <input type="submit" value="Skip and Continue" id="save_btn" style="background-color: #98FB98;"></input> 
    </form:form> 

Код jQuery

(function() { 
        $('.textbox').keyup(function() { 

         var empty = false; 
         $('textbox').each(function() { 
          if ($(this).val() == '') { 
           empty = true; 
          } 
         }); 

         if (empty) { 
          $('#save_btn').attr('value', 'Skip and Continue'); 
         } else { 
          $('#save_btn').attr('value','Save and Continue'); 
         } 
        }); 
       })() 

IT теперь будет работать