Question

我需要一个帮助。我需要在提交表单后完全删除提交按钮，当提交时，按钮将显示给用户。我正在解释下面的代码。

<form name="billdata" id="billdata"  enctype="multipart/form-data" method="POST" onSubmit="javascript:return checkForm();" action="complain.php">
  <div class="input-group bmargindiv1 col-md-12">
      <span class="input-group-addon ndrftextwidth text-right" style="width:180px"> Name :</span>
       <input type="text" name="u_name" id="name" class="form-control" placeholder="Add Name" onKeyPress="clearField('name');">
        </div> 
<input type="submit" class="btn btn-success" name="complainSubmit"  id="addProfileData" value="Submit"/>
</form>

complain.php：

require_once("./include/dbconfig.php");
if(isset($_REQUEST['complainSubmit']))
{
 // ......data is collecting here....
}

成功提交数据时，以下部分正在执行。

<script type="text/javascript"> 
   var phpVar = "<?php echo $_GET['success'];?>";
    //console.log('php',phpVar=='');
    if(phpVar == 1 && phpVar!=''){
        alert('Submitted successfully.');
        //var subButton=document.getElementById('addProfileData');
        //subButton.disabled=false;
    }
    else if(phpVar == 0 && phpVar!=''){
        alert('Unable to add.\\nTry again.');   
    }
    else{
        // nothing
    }
</script>


<script>
 function checkForm(){
    var s=document.billdata;
    if(s.u_name.value==''){
        alert('Please enter name');
        s.u_name.focus();
        s.u_name.style.borderColor = "red";
        return false;
    }
}
</script>

这里我需要在数据提交时按住隐藏，并在提交后再次显示。请帮助我。

Answer 1

为什么你不添加隐藏的CSS-Selector或通过if-statement检查来删除它？

CSS-版本：

<input type="submit" class="btn btn-success <?php ($isSubmitted ? ' hideme' : '')?>" name="complainSubmit"  id="addProfileData" value="Submit">

除了新的CSS-Selector：.hideme { display:none }

通过PHP /模板：

html...
<?php if(!$isSubmitted) : ?>
  <input type="submit" class="btn btn-success" name="complainSubmit"  id="addProfileData" value="Submit">
<?php endif; ?>
html...

别忘了：你不需要密切输入html-tag：<input/>只是<input>

通过JS隐藏按钮有什么问题？

document.getElementById("addProfileData").style.display = "none";

<强>更新

点击后提示隐藏：

<button onclick="javascript:this.style.display='none'">
   Submit Button
</button>

在你的例子中

：

<input onclick="javascript:this.style.display='none'" type="submit" class="btn btn-success" name="complainSubmit"  id="addProfileData" value="Submit"/>

Answer 2

javascript代码，例如：

document.getElementById("your_div").innerHTML = "";

将删除div的内容。

因此，通过标记整个表单，然后删除其内容，您可以“隐藏”它。

如何在使用PHP提交表单后删除按钮

2 个答案: