How do I send back text from my input field in the query string?

Question

Ok so this should be a fairly easy thing to do however I think I am missing something. I have an input field like so.

<input id="jobSearchField" class="searchField" runat="server" 
onkeypress="javascript:GoToFunc(event, this.value)" type="text" 
onfocus="if (this.value == 'Seach jobs by JobID, JobTitle, Keywords, or Location') this.value=''" 
value="Seach jobs by JobID, JobTitle, Keywords, or Location" />

I also have a button to the right like so.

<button id="filterSubmit" runat="server" class="filterSubmit">Submit</button>

Here is my javascript that I "attempted" to build.

<script type="text/javascript">
    function GoToFunc(e, value) {
        if (e.keyCode == 13) {
            var location = document.location.href + "&query=" + value;
            document.location.href = location;
            document.open();
        }
    }
</script>

My javascript function that I "attempted" to build was suppose to pass that query string back into the url so that I could parse what the user wanted. I am using ASP.NET and C# for the language.

So the question is how do I return back in the url as a parameter what the user typed?

An easy method would to just use Response.Redirect within your server side OnClick handler. — Matthew
– Matthew, Commented Sep 5, 2012 at 20:21

Sankara · Accepted Answer · 2012-09-05 20:26:39Z

1

You should either use encodeURI or encodeURIComponent

var location = document.location.href + "&query=" + encodeURI(value);

answered Sep 5, 2012 at 20:26

Sankara

1,48915 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

epascarello · Accepted Answer · 2012-09-05 20:29:32Z

0

First off you are recreating what a form does. If you had just a form it would work.

For your code, stop the enter keys action by returning false. You need to add return to the event handler too. This also expects that the querystring value is not there already.

<input id="jobSearchField" class="searchField" runat="server" 
onkeypress="return GoToFunc(event, this.value)" type="text" 
onfocus="if (this.value == 'Seach jobs by JobID, JobTitle, Keywords, or Location') this.value=''" 
value="Seach jobs by JobID, JobTitle, Keywords, or Location" />



<script type="text/javascript">
    function GoToFunc(e, value) {
        if (e.keyCode == 13) {
            var newLocation = window.location.href + "&query=" + encodeURIComponent(value);
            window.location.href = newLocation;
            return false; //stop event key
        }
    }
</script>

answered Sep 5, 2012 at 20:29

epascarello

208k20 gold badges206 silver badges246 bronze badges

3 Comments

Steven Combs Over a year ago

Ok so I tried this approach and after setting window.location.href to newLocation it doesn't actually change the value. Any thoughts?

Steven Combs Over a year ago

Wait I added the return for the GoToFunc and then it threw an exception. A potentially dangerous Request.Path value was detected from the client (&).

Steven Combs Over a year ago

Um ok, the problem was that the page didn't have its ? before the &. Since this app has multiple page parameters I will have to decipher if the ? is already there plus if there are already parameters added to the string.

Collectives™ on Stack Overflow

How do I send back text from my input field in the query string?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related