Отключить кнопку отправки, пока поля не будут иметь текст?

Question

Итак, у меня есть форма с двумя полями, в одном из этих полей должна быть информация, чтобы успешно отображать следующую страницу. Как отключить кнопку отправки, пока в этом поле не будет текста?

Код HTML;

<div id="content"> 

    <form action="avatarquery.php" method="POST" id="login-form"> 

     <fieldset> 

      <p> 
       <label for="login-username">Server Name:</label> 
       <input type="text" id="login-username" name="name" class="round full-width-input" autofocus /> 
      </p> 

      <p> 
       <label for="login-password">Server IP:</label> 
       <input type="text" id="login-password" name="ip" class="round full-width-input" /> 
      </p> 

      <input class="button round blue image-right ic-right-arrow" type="submit" id="register" /> 


     </fieldset> 

     <br/><div class="information-box round">Please Note: Some servers may not work due to their Configs not having Query Enabled.</div> 

    </form> 

Answer 1

Если это должно быть сделано с помощью HTML, то в HTML5, вы можете использовать

<input type="text" required /> 

В противном случае в JavaScript, вы можете попробовать установить атрибут кнопки ввода.

Пока значение не «», вы можете установить атрибут

<input type="submit" disabled />