@kanonir08

Alert JS без перезагрузки страницы?

Здравствуйте, подскажите как сделать чтобы при нажатии кнопки "Скопировать" страница не перезагружалась?
У меня есть форма которая конвертирует одни значения в другие (без ajax, у меня не получается сделать с ajax)
<form method="POST" action="page.php" class="">
        <input id="textin" type="textarea" name="foo"/>
        <input id="send" type="submit" value="Конвертировать"/>    
 </form>
    
Результат конвертации    

    <form method="post"   name="emailform">
    <textarea readonly class="result" id="myInput" placeholder=""><?php echo $result; ?></textarea>
    <button id="copytext" onclick="myFunction()">Скопировать</button>
    </form>


И файл JS, который и выполняет копирование при нажатии кнопки

<script type="text/javascript">
function myFunction() {
    let inputEl = document.getElementById("myInput");
    inputEl.select();                                    // Select element
    inputEl.setSelectionRange(0, inputEl.value.length); // select from 0 to element length

    const successful = document.execCommand('copy');   // copy input value, and store success if needed

    if(successful) {
        alert("Ваш текст скопирован: " + inputEl.value);
}
</script>


Подскажите, как сделать, чтобы страница не перезагружалась постоянно при выполнении Alert от JS, что текст скопирован в буфер обмена? В форме стираются все данные после перезагрузки и приходится вводить заново. Заранее спасибо за помощь. Я в PHP и JS полный 0, но сумел кое как собрать работающую страницу.
  • Вопрос задан
  • 281 просмотр
Пригласить эксперта
Ответы на вопрос 1
flapflapjack
@flapflapjack
на треть я прав
<form method="POST" action="page.php" class="" onsubmit="return false;">
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы