Несколько входов в JS ...?

Это работает - я не могу нажать кнопку, когда ввод # key1 пуст. Но мне нужно использовать два входа - # key1 и # key2. Чтобы сделать - Когда оба пусты или 1/2, никто не может нажать на кнопку. Спасибо!!

<script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script>
<script type='text/javascript'>
  $(function() {
    $('#key1').keyup(function() {
      if ($(this).val() == '') {
        //Check to see if there is any text entered
        // If there is no text within the input ten disable the button
        $('.enableOnInput').prop('disabled', true);
      } else {
        //If there is text in the input, then enable the button
        $('.enableOnInput').prop('disabled', false);
      }
    });
  });
</script>

Всего 2 ответа


Попробуй это

 $(function() { $("#key1, #key2").keyup(function() { if ($("#key1").val() == "" || $("#key2").val() == "") { $(".enableOnInput").prop("disabled", true); } else { $(".enableOnInput").prop("disabled", false); } }); }); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id="key1"> <input type="text" id="key2"> <button class="enableOnInput" disabled>Click me</button> 


Не уверен, что я понял, но скажите мне

<script type='text/javascript'>
  $(function() {
    var button1 = $('#key1');
    var button2 = $('#key2');

    function keyUp(){
      console.log(Ƈ', button1.val());
      console.log(ƈ', button2.val());

      var hasValue = ( button1.val() !== '' || button1.val() !== '');
      $('.enableOnInput').prop('disabled', hasValue);
    }

    button1.keyup(keyUp);
    button2.keyup(keyUp);
  });
</script>

Есть идеи?

10000