Генерация ссылки на основе пользовательского ввода, который копируется в буфер обмена

Question

Я создаю форму, которую сотрудники могут использовать для создания ссылок.Наш сайт обрабатывает платежи.Идея состоит в том, что персонал может ввести 23 долл. США как 23,00, и он переведет пользователя на example.com/pay/23.00

. В настоящее время нажатие кнопки «получить ссылку» приводит пользователя к адресу платежа.

<script>
function process()
{
var url="http://example.com/pay/" + document.getElementById("url").value;
location.href=url;
return false;
}
</script>
<script>
function myFunction() {
  var copyText = document.getElementById("url");
  copyText.select();
  document.execCommand("copy");
  alert("Copied the URL: " + copyText.value);
}
</script>
<form onSubmit="return process();">
<p>Enter the amount as a decimal:</p><br>
<input type="text" name="url" id="url"> <input type="submit" value="Get Link" id="paylink">
</form>

Нажатие get link должно скопировать URL, а не перенаправить.

Любая помощь будет принята, поскольку я почти у цели.

Answer 1

<script>
function process()
{
   var url="http://example.com/pay/" + document.getElementById("url").value;
   document.getElementById("url").value = url;
   var copyText = document.getElementById("url");
   copyText.select();
   document.execCommand("copy");
   alert("Copied the URL: " + copyText.value);
   return false;
}
</script>
<p>Enter the amount as a decimal:</p><br>
<input type="text" name="url" id="url"> <input type="button" onclick="process()" value="Get Link" id="paylink">

Кроме того, вы должны поставить некоторые проверки.