formulario this with problem when recovering the Post value

Question

hello I’m making a website and I wanted so the person type the link javascript pick up and send the form but it is sending but when I try to recover with the $_POST it n recovers the value q was sent code q I am using.

<?php echo $_POST['link'] ; ?>
<form name="form" action="" method="POST" id="meuForm" name="meuForm">
      <input type="txt" name="link" id="link" class="form-control form-control-lg"  placeholder="Link Para Encurtar"  onkeydown="myFunction()">

</form>

<script>
    function myFunction() {
        meuForm.submit(); 
    }
</script>

Answer 1

For it to work as desired you have to use onblur="myFunction()"

That way the function is called when clicking outside the input

Use onkeydown the function is triggered as soon as the key is pressed, so there is no time to pass anything.

Using crt+v or digitando use jquery

library

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Script

$("#link").on("paste change", function () {
   setTimeout(function() {
      $('#meuForm').trigger('submit')
   });
});

PHP

<?php echo $_POST['link'] ; ?>
<form name="form" action="" method="POST" id="meuForm" name="meuForm">
<input type="txt" name="link" id="link" class="form-control form-control-lg"  placeholder="Link Para Encurtar">
</form>

OBS: change it’ll work like it’s blur. You have to type and then click out of the input. Already with crt+v function automatically triggers when pasting text into input.

Answer 2

To send the form to the same page there is no need to have the attribute action, consequently, the <script> tbm not:

<?php 
    if(isset($_POST)&&!empty($_POST)){
        echo $_POST['link'];
    } 
?>
<form name="form" method="POST" id="meuForm" name="meuForm">
      <input type="txt" name="link" id="link" class="form-control form-control-lg"  placeholder="Link Para Encurtar"  onkeydown="myFunction()">
      <input type="submit" name="enviar" id="enviar" class="btn btn-block btn-lg btn-primary" value="ENCURTAR"> 
</form>