如何激活提交按鈕一旦所有字段填充

我有以下代碼顯示窗體中的輸入字段。我希望只有在所有字段都填滿後才能使提交按鈕處於活動狀態。我似乎無法弄清楚我出錯的地方。我在這裏省略了一些文字輸入空間。如何激活提交按鈕一旦所有字段填充

形式：

<?php 
    if(@$_GET['q']==4 && !(@$_GET['step'])) { 
    echo ' 
    <div class="row"> 
    <span class="title1" style="margin-left:40%;font-size:30px;"><b>Enter Quiz Details</b></span><br /><br /> 
    <div class="col-md-3"></div><div class="col-md-6"> <form class="form-horizontal title1" name="form" action="update.php?q=addquiz" method="POST"> 
    <fieldset> 


    <!-- Text input--> 
    <div class="form-group"> 
     <div class="col-md-12"> 
     <label for="name">Enter Title</label> 
     <input id="name" name="name" class="form-control input-md" type="text"> 

     </div> 
    </div> 
    <div class="form-group"> 
     <label class="col-md-12 control-label" for=""></label> 
     <div class="col-md-12"> 
     <input type="submit" style="margin-left:45%" class="btn btn-primary" value="Submit" class="btn btn-primary" id="submit" disabled="disabled"/> 
     </div> 
    </div> 

    </fieldset> 
    </form> 
    </div>'; 

    } 
?> 

<script> 
(function() { 
    $('form input').keyup(function() { 

     var empty = false; 
     $('form > input').each(function() { 
      if ($(this).val() == '') { 
       empty = true; 
      } 
     }); 

     if (empty) { 
      $('#submit').attr('disabled', 'disabled'); //Leave as disabled if any of the fields are empty 
     } else { 
      $('#submit').removeAttr('disabled');//Remove the disabled attribute once all fields are filled 
     } 
    }); 
}); 
</script>

的代碼是完全一樣出現在這裏。如果我錯過了某些東西，請指出我的方向。謝謝。

來源

2017-01-31 Shakela Tamuti

'$（'form> input'）'，這是你的罪魁禍首，把它改成'$（'form input'）' – progrAmmar

謝謝@progrAmmar，明白了。不能相信我沒有注意到這一點，大聲笑 –

您正在使用該屬性爲禁用=「禁用」但是它沒有值的屬性，你應該使用這樣<input type="submit" style="margin-left:45%" class="btn btn-primary" value="Submit" class="btn btn-primary" id="submit" disabled/>

在這裏，我已經創建了一個工作的jsfiddle爲您檢查，並做更正https://jsfiddle.net/g1cra5f8/

來源

2017-01-31 08:20:37

好吧，我會做到這一點。謝謝你，兄弟。 –

如何激活提交按鈕一旦所有字段填充

回答

相關問題