javascript根据表单输入

时间:2017-07-30 16:03:54

标签: javascript php html css3

有人给我一部分答案 Redirect user to directory based on form input

<form onsubmit="location.href='http://www.example.org/' + document.getElementById('myInput').value; return false;">
<input type="text" id="myInput" />
<input type="submit" />
</form>

在浏览器中使用这样的代码实现:

http://www.example.com/contact

我的问题是:

这个地址无法与我合作没有添加扩展程序 .html

像这样

http://www.example.com/contact.html

我在 .htaccess

中阅读了解决方案

但我正在寻找是否可以在java脚本中实现它

所以使用只需输入单词联系作为例子 和java脚本做另一个?

regrads

1 个答案:

答案 0 :(得分:0)

正如其他人在评论中提到的那样,获得100%所要求的方法是将规则添加到.htaccess(假设Apache),使服务器添加文件扩展名。

我认为你最接近客户端的最接近的是简单地自己添加.html,也许是这样:

<form onsubmit="handleFormSubmit();">
<input type="text" id="myInput" />
<input type="submit" />
</form>

然后在你的javascript中的某个地方:

function handleFormSubmit() {
    var destinationUrl = 'http://www.example.org/' + document.getElementById('myInput').value + ".html";

    window.location = destinationUrl;
}

我看到你遇到的最大问题是,你依靠用户知道可用网页的名称是什么,除非你有更多的事情要发生在服务器端。