基于表单数据提交表单重定向

Form Submit Redirect Based on Form Data

本文关键字：表单 数据 提交 重定向 于表单      更新时间：2023-09-26

是否可以根据某人在表单中的输入将他们重定向到新页面？基本上，在这个统计网络应用程序上，当有人在搜索框中输入用户名并点击提交时，我希望他们被发送 domain.com/username_input（本质上，该表单仅用于允许某人输入用户名，它不会被发送到任何地方）。

不确定这在HTML+PHP中是否可行，或者是否最好使用JavaScript完成（也就是说，如果有可能的话）

我觉得javascript重定向或更改标头位置有点不稳定。在这种情况下，更改标头位置无论如何都不起作用。

我试过了：

<input id="submit" value="Submit" type="submit" onclick="window.location = window.location + '/' + string.value; return false;"/>

但我被送到 domain.com/?string=form_input

在

提交按钮上带有重定向的javascript就可以了。

<form name="f" onsubmit="javascript:redirect()">
    First name: <input type="text" name="fname">
    <input type="submit" value="Submit">
</form>
function validateForm()
{
    var x=document.forms["f"]["fname"].value;
    window.location = "http://www.page.com/"+x
}

var form = document.redirect; //access the form
document.onsubmit = function(){
    var username = form.username.value; //get username
    form.action = username + "_input";
    return true; // go to page.
};

JSFiddle： http://jsfiddle.net/TbQWC/2/

​

相关文章：