基本上我有一个文本框,我想当人们粘贴/写一个网站里面,并按下按钮,被重定向到网站与一个额外的参数("/play/bonus")
<input name="website" id="website" type="text" />
<form method="POST" action=document.getElementById('website') & "/play/bonus">
<input name="pn" value="bonus" type="hidden">
<button id="bonus" class="btn btn-default navbar-element pull-center">
<b>50</b>
Satoshis
</button>
我将使用Javascript在代码中手动完成此操作,而不是使表单POST。
给你一个例子:
<html>
<head>
<title>JavaScript Form Redirection Example</title>
<script type="text/javascript">
function goToWebsite()
{
var url = document.getElementById("inputWebsite").value;
if (url != null)
{
url += "/play/bonus";
window.location.replace(url);
}
}
</script>
</head>
<body>
<form>
<input type="text" id="inputWebsite" placeholder="Website address"/>
<input type="button" value="Go!" onClick="goToWebsite()"/>
</form>
</body>
</html>
很简单,当按钮被点击时,它会运行goToWebsite函数。
goToWebsite函数:
- 获取文本框 中URL的值。
- 检查确保URL不为空
- 添加/play/bonus到它的末尾
- 使浏览器重定向到该页。
document.getElementById('website')
将给出该元素的对象。您需要使用.value
document.getElementById('website').value
获取元素的值。
没有必要使用javascript,我认为是这样的。如果您正在使用PHP然后使用PHP的header
函数重定向。
<form method="POST" action="demo.php">
<input name="website" id="website" type="text" />
<input name="pn" value="bonus" type="hidden">
<input id="bonus" type="submit" class="btn btn-default navbar-element pull-center" Value="50 Satoshis">
</form>
你的demo.php文件将像这样:
<?php
$redirect = $_POST['website'];
header("location:".$redirect."/play/bonus");