I need help with disabling certain form fields until other fields are filled in.
You can check out an example of what I'm trying to achieve here: https://jsfiddle.net/fk8wLvbp/
<!--
Bootstrap docs: https://getbootstrap.com/docs
-->
<div class="container">
<form class="form-inline">
<label class="sr-only" for="inlineFormInputName2">Name</label>
<input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="Enter your name">
<label class="sr-only" for="inlineFormInputGroupUsername2">Username</label>
<div class="input-group mb-2 mr-sm-2">
<div class="input-group-prepend">
<div class="input-group-text">@</div>
</div>
<input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Enter a username">
</div>
<button type="submit" class="btn btn-primary mb-2">Submit</button>
</form>
</div>
In this particular situation, I want to disable the inlineFormInputGroupUsername2 field if and only if the inlineFormInputName2 field is left empty.