javascript - 通过表单将用户发送到付款 URL

Question

我希望用户能够输入自定义金额以便重定向到 paypal。我已经有了自己的表格来生成付款链接，然后生成要发送到那里的按钮，但我想要一个客户端表格自动将它们发送到 PayPal。

如果输入的金额为 12，则用户应填写表格，然后发送至 paypal.me/username/12。

function process()
{
var url="https://paypal.me/username/" + document.getElementById("url").value;
location.href=url;
return false;
}

<form onsubmit="return process();" autocomplete="off">
<input type="text" name="pay" id="payamount" autofocus="">
<br><br>
<input type="submit" value="Make Payment" id="pay">
</form>

它确实将用户发送到 PayPal，但在需要 paypal.me/username/12 时发送到 paypal.me/username/?pay=12 不太行确定如何解决此问题，但我们将不胜感激。

提前致谢。

Answer 1

这就是问题所在:

var url="https://paypal.me/username/"+ document.getElementById("url").value;

"url" id 的元素在哪里？

现在关于这个:

It does send the user to PayPal but to paypal.me/username/?pay=12 when it needs to be paypal.me/username/12 Not too sure how to fix this but help would be appreciated.

您获得 ?pay=12 的原因是因为您的表单默认使用 get 方法提交，这就是将属性嵌入到您提交的 url 中的方式。所以 pay 是 payamount 元素的 name 属性值。

通过理解你的代码，下面是应该发生的事情:

定位 id="payamount" 输入，而不是 id="url"，它在您提供的 html 中不存在。

var url = "https://paypal.me/username/"+ document.getElementById("payamount").value;