当有两个按钮时，如果用户在单击按钮1之前尝试单击按钮2，如何显示错误消息-Javascript或html

我已经使用php创建了一个用户配置文件信息更新。要更新他的图片，我要做的是首先让他删除图片，并要求他上传一个新的图片。如果用户不小心单击了“图像更新”按钮而没有单击“图像删除”按钮，则如何将错误消息显示为“请先删除您的图像，然后上载新图像”。 我找不到任何方法来做这件事。 如果你能帮忙，我将不胜感激 下面是我的代码

<div class="form-group">
    <center><label>Update A New Profile Picture </label></br></center>
        <form method="post" action="update_userinfo.php" enctype="multipart/form-data">
                <center><img id="uploadPreview4" style="width: 100px; height: 100px;" /></center>
                <center><input type="file" name="Filename4" id="uploadImage4" onchange="PreviewImage4();" class="form-group"><input TYPE="submit" name="updateImage" value="Update Image" class="btn btn-success" /></center>

        </form>
</div>
<div class="col-md-6">
    <center><label>Your Current Profile Picture </label></br>
        <form method="post" action="update_userinfo.php" enctype="multipart/form-data" onSubmit="if(!confirm('Do You really want to update your profile picture?')){return false;}">
            <?php
            echo "<img border=\"0\" src=\"".$row['image_path4']."\" width=\"100\"  height=\"100\" >";
            echo "<br>";  ?>
        <input TYPE="submit" name="delete" value="delete" class="btn btn-success" />
        </form>
</div>

更新新的个人资料图片

";
回声“
”；？>

如果你真的想用PHP来处理这个问题，我可以这样想

考虑到这是您当前的代码

<div class="form-group">
    <center><label>Update A New Profile Picture </label></br></center>
        <form method="post" action="update_userinfo.php" enctype="multipart/form-data">
                <center><img id="uploadPreview4" style="width: 100px; height: 100px;" /></center>
                <center><input type="file" name="Filename4" id="uploadImage4" onchange="PreviewImage4();" class="form-group"><input TYPE="submit" name="updateImage" value="Update Image" class="btn btn-success" /></center>

        </form>
        ////
          new code
          <?php if(isset($photoDeleted) && $photoDelete=== false) :>
            <center>Hey! Delete your photo first!</center>
          <?php endif; ?>
        ////
</div>
<div class="col-md-6">
    <center><label>Your Current Profile Picture </label></br>
        <form method="post" action="update_userinfo.php" enctype="multipart/form-data" onSubmit="if(!confirm('Do You really want to update your profile picture?')){return false;}">
            <?php
            echo "<img border=\"0\" src=\"".$row['image_path4']."\" width=\"100\"  height=\"100\" >";
            echo "<br>";  ?>
        <input TYPE="submit" name="delete" value="delete" class="btn btn-success" />
        </form>
</div>

更新新的个人资料图片

";
回声“
”；？>

在PHP端，检查数据库中是否仍有照片重新加载此上载页面，并在加载页面时将

photoDelete

变量传递为

false

，PHP会将此作为错误呈现

但是！等待 为什么不在php中用新更新的照片替换/删除以前的照片？ 假设每个用户只有一条个人资料照片记录，只需使用最新更新的照片更新您的db记录并删除以前的记录

---

总体而言，这是一种更好的用户体验

您是否尝试禁用更新按钮，并在删除图像时将其启用？@MohammedAhmed否我没有尝试过。这意味着首先我应该禁用更新按钮，然后单击按钮，我应该检查数据库中是否有可用的图像。我说的对吗？最好使用类似于

Ajax

的东西来上传照片，然后一旦服务器响应将照片上传到回调中，就可以启用该按钮。如果纯粹使用PHP，然后，您必须使用PHP代码中的额外变量再次加载此页面，并尝试启用该按钮，最终您会发现自己试图做到这一点，这更多的是用户体验问题。您有两个可用的按钮，但是只有在存在照片时才能执行删除操作，而在没有照片时才能执行上载操作。所以为了消除混淆，我建议将您的场景设置为直到照片在数据库中可用时显示删除按钮，一旦照片从数据库中删除，显示更新按钮。我觉得在一个时间应该有一个按钮，根据情况。请确认它是否有意义？非常感谢。首先，我试图用更新的照片选择输入替换删除的照片。因为我是php的新手，所以我不知道如何做