使用Javascript和php启用按钮

我的代码有这个问题。我应该实现的是启用一个禁用按钮与一定的条件。当条件无效时，我的代码正在工作，但如果它是正确的，它将不会立即工作。我必须重新点击它才能启用。$sentEmailClients(将是一个mysql数据，如果我得到它的工作)。

这是我的代码

<?php
$sentEmailClients = 'test@test.com';
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';
  }
}

这里是表单顺便说一下，我使用了Bootstrap来处理这个

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