Question

I am trying to create a very simple form with a little bit of extra code to get the results as described below: the problem is I don’t know how to go about doing it.

What I am trying to achieve:

I have a form which has one text input box with the name ‘url’. I want the user to be able to input a number into the box. When the user submits the form they should be redirected to a new website. The new website’s URL will be based on the number inputted into the form.

The first part of the URL will always be: http://name.com/

Then the number that the user inputted will be attached to the end. So if 123456 is entered into the form then on submission of the form the user would be taken to http://name.com/123456

How can I get this working? I am guessing it will require JavaScript or something.

Answer 1

<script>
    function process()
    {
        var url = "http://name.com/" + document.getElementById("url").value;
        location.href = url;
        return false;
    }
</script>

<form onSubmit="return process();">
    URL: <input type="text" name="url" id="url">
    <input type="submit" value="go">
</form>