Home / Questions / 297334
Accepted
Noob Dev
Asked: 2020-10-01 07:47:24 +0800 CST 2020-10-01 07:47:24 +0800 CST

Copy data from a form field to another field of the same form Laravel

  • 772

I would like to copy the data from one field to another in the same form, on the fly, without having to do anything else. Something similar to a keylogger and what you write in one field is inserted in another field at the same time. It can? Thank you

<form action="procesar" method="POST">
    <div class="col1">
      <input type="text" name="content" required>
    </div>
    <div class="col1">
      <input type="text" name="content1" required>
    </div>
</form>

So that when you have finished writing in the field contentyou have the same content in the field content1at the same time

html

1 Answers

  1. Best Answer

    As you have been told, this is done through javascript or you can also achieve it with jquery, jquery is a library that offers the same functionality as javascript but is more user-friendly.

    I leave you an example of how you can achieve it: https://jsfiddle.net/L9atcrk0/

    From this link you can download/use the jquery library: https://code.jquery.com/

    Also from here you can see some events that are used in some html elements related to typing: https://api.jquery.com/category/events/keyboard-events/

    I recommend you do most of the searches in English, so you will find more information.

    I include the code in case it disappears from the page:

    $(document).ready(function(){
	$("input[name=content]").keyup(function(){
  	$("input[name=content1]").val(this.value);
  });
});
    <!DOCtype>
<html>
  <head></head>
  <body>
  <form action="procesar" method="POST">
    <div class="col1">
      <input type="text" name="content" required>
    </div>
    <div class="col1">
      <input type="text" name="content1" required>
    </div>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
  </body>
</html>

    • 3