从用户输入添加URL并转到

时间:2016-10-06 16:00:05

标签: javascript html

我正在尝试获取一个赞助人可以输入单词的输入框,它会接受该输入并在中间附加一个URL。

链接示例为https://proxyaddress/login=?url=http://libraryaddress/database/SearchResults.jsp?result_start=0&result_items=48&result_layout=GRID&query1_modifier=AND&query1=USERSEARCHTERM&query1_field=CONTENT

通过输入更改的部分将是USERSEARCHTERM

我在网上找到了解决方案,但他们只是加载代理地址并停在那里。

非常感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:0)

代理地址需要更正为有效的DNS(.com,IP)但是这会捕获用户输入,使用URL格式连接输入并更改窗口位置。

您还希望在后端的任何用户输入上阻止XSS。

<form id="my-form">
<input type="text" id="search">
<button type="submit">Search</button>
</form>


var form = document.getElementById('my-form');
var input = document.getElementById('search');

function processForm(e) {
    if (e.preventDefault) e.preventDefault();
    var inputVal = input.value;
    var combinedUrl = "https://proxyaddress/login=?url=http://libraryaddress/database/SearchResults.jsp?result_start=0&result_items=48&result_layout=GRID&query1_modifier=AND&query1=" + inputVal + "&query1_field=CONTENT";

    window.location.href = combinedUrl;
    alert(combinedUrl);

    return false;
}

if (form.attachEvent) {
    form.attachEvent("submit", processForm);
} else {
    form.addEventListener("submit", processForm);
}