使用Javascript和php啓用按鈕

我的代碼存在此問題。我應該實現的是啓用一個具有一定條件的禁用按鈕。當條件無效時，我的代碼正在工作，但如果它正確無誤，它將無法正常工作。我必須重新點擊它才能啓用。 $ sentEmailClients（如果我有它的工作將是一個MySQL數據）。使用Javascript和php啓用按鈕

這裏是我的代碼

<?php 
$sentEmailClients = '[email protected]'; 
if ($_SERVER["REQUEST_METHOD"] == "POST") { 
    $email = $_POST["validEmail"]; 

    if ($email === $sentEmailClients) { 
    echo ' 
     <script> 
     function enableButton2() { 
     document.getElementById("addToClient").disabled = false; 
     } 
     < /script> 
    '; 
    } else { 
    echo 'Please enter a valid email'; 
    } 
}

和這裏的BTW我用引導這個

<form class="form-horizontal" method='post' data-toggle="validator"> 
    <fieldset> 
    <div > 
     <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="myModalLabel">Validate My Email!</h4> 
      </div> 
      <div class="modal-body"> 
      <label for="validEmail">Email:</label> 
      <input type="text" class="form-control input-sm " id="validEmail" name = "validEmail" required> 
      </div> 
      <div class="modal-footer"> 
      <button class="btn btn-warning btn-lg " id="submit" type="submit text-center" onclick="enableButton2()" >Validate!</button> 
      <button class="btn btn-success btn-lg " id="addToClient" type="submit text-center" onclick="addClientInformation();" disabled >Submit Information</button> 
      </div> 
     </div> 
     </div> 
    </div> 
    </fieldset> 
</form>

來源

2016-07-05 jmv

你只是添加基於條件的函數，而不是調用函數。默認添加函數，那麼你只需要根據條件調用函數 –

請理解PHP和JavaScript的區別。一個是服務器端，另一個是客戶端。 – bzeaman

閱讀這個非常好的教程：http://stackoverflow.com/questions/13840429/what-is-the-difference-between-client-side-and-server-side-programming – PaulH

形式，只有當條件爲真功能呈現，在第一次點擊，你會做它的disabled = false，它會被啓用。而不是觸發函數'onclick'使它document.ready。

$(document).ready(function(){ 
    $(#id).show() 
}

來源

2016-07-05 08:53:49 Red

使用Javascript和php啓用按鈕

回答

相關問題