Использование jQuery для проверки ввода текста и ввода второго текста

Question

Я пытаюсь заставить jQuery заставить мое поле time быть видимым и обязательным, если поле phone содержит любой текст. Обычно, как только пользователь начинает заполнять поле Phone, я бы хотел, чтобы появилось следующее поле (Time).

<form id="contact-form" method="POST" target="files/contact.php"> 
    <label for="full_name">Your Name: </label><input type="text" name="full_name" required="required" /><br /> 
    <label for="phone">Phone Number: </label><input type="text" id="phone" name="phone" /><br /> 
    <div id="time"> 
    <label for="time">Best time to call: </label><input type="text" name="time" /><br /> 
    </div> 
    <input type="submit" name="submit" class="submit-btn" /> 
</form> 

---

$(document).ready(function() { 
    $("#time").hide(); 
}); 

var inp = $("#phone").val(); 
if ($.trim(inp).length > 0) { 
    $("#time").show(); 
    $("#time").addClass('required'); 
} 

Codepen Link

Answer 1

DEMO ->http://codepen.io/anon/pen/wGgrOB

Использование .on(keyup, myFunction)

$(document).ready(function() { 
    $("#time").hide(); 
}); 

$('#phone').on("keyup", function() { 
    if (this.value.length > 0) { 
    $("#time").show(); 
    $("#time").find("[name=time]").attr('required', 'required'); 
    } else { 
    $("#time").hide(); 
    } 
});