2016-07-05 21 views
1

私のコードにこの問題があります。私が達成しようとしているのは、特定の状態の無効なボタンを有効にすることです。私のコードは、条件が無効なときに動作していますが、正しい場合はすぐには動作しません。私はそれを有効にするためにクリックする必要があります。 $ 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'; 
    } 
} 

だとここにあなたが作るクリックし、条件がtrueの場合にのみ機能は、第一に、レンダリングされるところで私はこの

<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> 
+0

関数を呼び出すのではなく、条件に基づいて関数を追加するだけです。 デフォルトで関数を追加してから、条件に基づいて関数を呼び出すだけです。 –

+0

PHPとJavaScriptの違いをご理解ください。 1つはサーバー側で、もう1つはクライアント側です。 – bzeaman

+1

この非常に良いチュートリアルを読んでください:http://stackoverflow.com/questions/13840429/what-is-the-difference-between-client-side-and-server-side-programming – PaulH

答えて

0

のためにブートストラップを使用しました形ですその無効= falseとそれが有効になります。代わりに関数 'onclick'をトリガするのdocument.readyにしてください。

$(document).ready(function(){ 
    $(#id).show() 
} 
関連する問題