Home/ Questions/Q 7869895
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T01:27:28+00:00

I want to make a form with a text field where the user enters

  • 0

I want to make a form with a text field where the user enters something, then that needs to be incorporated into the link to an external site the user will be redirected to.

So let’s say the user enters ‘foobar’. After he clicks submit he should be taken to http://example.com/foobar .

This should preferably be in JS, although PHP works as well.

So far I have this:

<html>
<head>
<script type="text/javascript">

function genURL() {
var user = document.getElementById('user');
window.location.href = "http://example.com/" + user;
}

</script>
</head>
<body>

<form>
username: <input type="text" name="user">
<input type="submit" value="Submit" name="user" onClick="genURL()">
</form>

</body>
</html>

The only thing this does is append ?user=foobar to the URL.

What do I need to do to make this work?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should prevent the form from being submitted. You can do this by making your function the onsubmit handler of the form and returning false to prevent the form from being submitted.

    Furthermore you should get the field’s content by using .value in document.getElementById('').value.

    JavaScript:

    function genURL() {
    var user = document.getElementById("user").value;
    window.location = "http://google.com/" + user;
}​

    HTML:

    <form onsubmit="genURL(); return false;">
    <input type="text" id="user" />
    <input type="submit" value="Submit" />
</form>​

    Demo: http://jsfiddle.net/jhogervorst/CFHtG/

    • 0