提交表单后显示成功消息

时间:2020-02-16 18:14:13

标签: javascript php html

我想在更新语句时显示一条消息,但是当我这样做会刷新页面时提交按钮类型,并且当我将按钮类型更改为button时,消息不会显示,这表明消息但不执行更新动作,这是我的代码 html代码

<div class="alert alert-success hidden" id="success-alert">

    <span class="glyphicon glyphicon-ok"></span> User Name Changed Succsefully
  </div>
 <div class="row">


  <div class="col-md-6">
    New username:  <input type="text" class="form-control" name="user" placeholder="New username">
    </div>
  </div>
  <div class="col-auto my-1">


       <button type="submit" name="changeuser" id="user" class="btn btn-primary">change username</button>
        </div>
    </fieldset>
    </form>

Java代码

<script type="text/javascript">
$(document).ready(function() {
  $("#user").click(function() {
    $('#success-alert').removeClass('hidden');
    $('#success-alert').delay(5000).fadeOut('slow');
  });
      $("button.close").click(function() {
    $('#success-alert').addClass('hidden');
  });

});

php代码

if (isset($_POST['changeuser']))
{

  $username=$_POST['user'];
  $sql="SELECT * from user_account where username='$username'";
            $result=mysqli_query($conn,$sql);


            if(mysqli_num_rows($result)==1)
            {
              echo '<script language="javascript">';
                  echo 'alert("User name already exits Please Chose Another One")';
                 echo '</script>';
            }
            else
            {
               $up = mysqli_query($conn, "UPDATE user_account SET username='$username' WHERE id='$id'");

            }

}

1 个答案:

答案 0 :(得分:0)

按以下方式更改您的php代码:

$up = '';
if (isset($_POST['changeuser']))
{

  $username=$_POST['user'];
  $sql="SELECT * from user_account where username='$username'";
            $result=mysqli_query($conn,$sql);


            if(mysqli_num_rows($result)==1)
            {
              echo '<script language="javascript">';
                  echo 'alert("User name already exits Please Chose Another One")';
                 echo '</script>';
            }
            else
            {
               $up = mysqli_query($conn, "UPDATE user_account SET username='$username' WHERE id='$id'");

            }

}

并像这样更改您的html部分:

<?php 
if($up) {
?>
<div class="alert alert-success" id="success-alert">

    <span class="glyphicon glyphicon-ok"></span> User Name Changed Succsefully
  </div>
<?php
}
?>