Question

无论如何，直截了当。我需要一些帮助来获取表单提交按钮以清除输入字段以及发送键入的信息。不是很详细，对吧？

这是一个例子。字段中的人类型。人点击提交。然后在新选项卡中打开提交的信息。然后刷新带有输入字段的原始选项卡以删除输入字段中的文本。

这是我目前的表格。我试过实现了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中。我只需要知道如何解决我的问题。

Answer 1

使用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>

Answer 2

提交后

可以重置您的表单

$(".myform")[0].reset();

Answer 3

使用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>

Answer 4

提交表单后，您可以在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();
?>

Answer 5

<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

在新选项卡中打开后，清除提交的输入数据

5 个答案: