我需要一个帮助。我需要在提交表单后完全删除提交按钮,当提交时,按钮将显示给用户。我正在解释下面的代码。
<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>
这里我需要在数据提交时按住隐藏,并在提交后再次显示。请帮助我。
答案 0 :(得分:0)
为什么你不添加隐藏的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"/>
答案 1 :(得分:0)
javascript代码,例如:
document.getElementById("your_div").innerHTML = "";
将删除div的内容。
因此,通过标记整个表单,然后删除其内容,您可以“隐藏”它。