[英]Clearing input data on submit after opening it in a new tab
無論如何,直截了當。 在獲取表單提交按鈕以清除輸入字段以及發送鍵入的信息時,我需要一些幫助。 不是很詳細吧?
這是一個例子。 人員類型在字段中。 人點擊提交。 然后,在新選項卡中打開提交的信息。 然后刷新帶有輸入字段的原始選項卡,以刪除輸入字段中的文本。
這是我目前的表格。 我嘗試實現了JavaScript。 它可以刪除點擊信息,但沒有將信息發送給處理程序。 你能告訴我如何解決這個問題嗎?
<form class="form-inline" role="form" method="post" target="_blank" action="derp.php">
<input id="banfix" type="text" name="player" class="form-control" placeholder="Player Username">
<button type="submit" class="btn btn-default" onclick="document.getElementById('banfix').value='';return false;">Search</button>
</form>
我不介意它是在php或javascript中。 我只需要知道如何解決我的問題。
使用jQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//clear data
$('.form-inline').on('submit','.form-inline',function(){
var value = $("#banfix").val();//now you have the value
$("input[type=text], textarea").val("");
});
});
</script>
提交后可以重置您的表格
$(".myform")[0].reset();
使用onsubmit()
,當用戶單擊按鈕或僅按Enter時它將起作用
<form class="form-inline" role="form" method="post" target="_blank" action="derp.php" onsubmit="document.getElementById('banfix').value='';">
<input id="banfix" type="text" name="player" class="form-control" placeholder="Player Username">
<button type="submit" class="btn btn-default">Search</button>
</form>
提交表單后,您可以在derp.php文件中打開新窗口。
<?php
$banfix = $_POST['banfix'];
$new_url = "YOUR_URL_HERE?fix=".$banfix;
echo "<script type='text/javascript'>window.open('".$new_url."','_blank');</script>";
http_redirect('YOUR_FORM_URL_HERE');
die();
?>
<form class="form-inline" role="form" method="post" target="_blank" action="derp.php">
<input id="banfix" type="text" name="player" class="form-control" placeholder="Player Username">
<button type="submit" class="btn btn-default" onclick="setTimeout(function() {
document.getElementById('banfix').value='';return false;
}, 100);">Search</button>
</form>
我向我的onclick添加了一個設置超時功能。 我的問題是正在發送的信息在發送之前已被清除。 因此,我將超時時間設置為100,以便可以先發送信息。 :3
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.