Включить поле, только когда введено другое поле

Question

Я отключил поле фамилии. Как go включить его, только если введено имя.

 <form>
      <label for="fname">First name:</label><br>
      <input type="text" id="fname" name="fname"><br>
      <label for="lname">Last name:</label><br>
      <input type="text" id="lname" name="lname" disabled>
    </form>

Answer 1

Попробуйте вот так

component.ts

 user: any = {
    fname : '',
    lname: ''
  };

component. html

<form name="myform" #formdemo="ngForm">
    <label for="fname">First name:</label><br>
    <input type="text" id="fname"  class="form-control" #fname="ngModel" [(ngModel)]="user.fname" name="fname"  required/><br>


    <label for="lname">Last name:</label><br>
    <input type="text" id="lname" class="form-control"   [(ngModel)]="user.lname"  name="lname" [attr.disabled]="fname.hasError('required') ? true : null" required/><br>
</form>

Answer 2

См. Рабочий пример ..

function showMe(e) {
  if(e.value.length > 0){
    $("#lname").removeAttr("disabled");
  }
  else{
    $("#lname").attr("disabled", 'disabled');
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
   <label for="fname">First name:</label><br>
   <input type="text" id="fname" name="fname" onkeyup="showMe(this)"><br>
   <label for="lname">Last name:</label><br>
   <input type="text" id="lname" name="lname" disabled>
</form>