Я очень новичок в кодировании, поэтому, пожалуйста, прости меня, если это глупый вопрос.
Я работаю над заданием, в котором мне нужно добавить функциональность и стили в существующий загрузочный HTML-документ.Цель состоит в том, чтобы позволить людям вводить сумму в долларах в поле ввода, вводя сумму или нажимая кнопки, которые заполняют поле заданными суммами.Одна из моих инструкций состояла в том, чтобы обновить кнопку отправки пожертвования, чтобы она добавляла выбранную сумму пожертвования к URL-адресу "/ спасибо".
Это то, что у меня есть для поля ввода:
<form id="amountSend">
<input type="text" class="form-control donation-amount-input" placeholder="Other" id="other-amount"/>
</form>
Вот что у меня есть для кнопки:
<button id="donateBtn" type="submit" action="/thank-you"
method="get">DONATE<span class="metric-amount"></span></button>
И я думал, что jQuery будет выглядеть примерно так, хотя функция отправки в настоящее время не дает мне видимых результатов.
$("#donateBtn").click(function() {
if (!$.isNumeric($("#other-amount").val())) {
$("#dataWarning").show();
$(".metric-amount").hide();
$(".metric-message").hide();
} else {
$("#amountSend").submit(function() {
var url = "/thank-you";
$(".metric-amount").appendTo("url");
});
}
})
Я также получил несколько приличных результатов, используя метод PHP:
<form id="amountSend" method="post" action="/thank-you.php">
<input type="text" class="form-control donation-amount-input" placeholder="Other" id="other-amount" name="donation"></input>
</form>
<button id="donateBtn" type="submit">DONATE<span class="metric-amount"></span></button>
<script>
$("#donateBtn").click(function() {
if (!$.isNumeric($("#other-amount").val())) {
$("#dataWarning").show();
$(".metric-amount").hide();
$(".metric-message").hide();
} else {
$("#amountSend").submit();
}
});
</script>
Этот откроет файл PHP, который я настроил (/thank-you.php, который я только что сохранил)в той же корневой папке, что и мой основной документ HTML), но все, что дает мне браузер - это необработанный HTML-код файла PHP.Вот код, который у меня есть в файле PHP:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
Thank you for your donation of
<?php echo $_POST["donation"]; ?><br>
</body>
</html>
В любом случае, я думаю, мне интересно, на правильном ли я пути?Стоит ли использовать метод jQuery или PHP?Могу ли я сделать это, используя только jQuery?Я уже видел несколько сообщений на эту тему, но я думал, что сделаю новое, так как те, которые я видел, довольно расплывчаты, я не видел один и тот же ответ дважды, и я не уверенЯ полностью понимаю, что я пытаюсь достичь, с точки зрения визуального подтверждения результатов.
Спасибо!