CODEWITHSUNDEEP
htmlformsurl
andrew anderson
andrew anderson

Reputation: 393

Form value creates a URL

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.

Upvotes: 8

Views: 36963

Answers (3)

Hanky Panky
Hanky Panky

Reputation: 46900

<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>

Upvotes: 17

Chris Clower
Chris Clower

Reputation: 5104

This should do it:

<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById('page').value;
        window.location = "http://name.com/" + page;
    }
</script>
<input type="text" id="page" />
<input type="submit" value="submit" onclick="goToPage();" />

Upvotes: 2

jeremy
jeremy

Reputation: 10057

You can add onsubmit="this.action='http://google.com/'+this.fieldName.value;" to your tag.

Upvotes: 8

Related Questions