0

I have a search bar that uses a javascript function to submit the form when the user hits Enter (which is working) because it doesn't have a submit button, but I need to use php to handle the data in the textbox on post. The form is submitting, but on post it's not able to grab what was in the search textbox.

Here's the code:

<form id="siteWideSearch" name="siteSearch" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
    <input id="homeSearch" type="text" maxlength="100" onkeypress="startSiteSearch(event);" />
</form>

Javascript:

if (event.keyCode == 13) {

    document.getElementById("siteWideSearch").submit();
}

PHP:

if($_SERVER["REQUEST_METHOD"] == "POST") {
    echo "<script type=\"text/javascript\">window.alert(\"Post reached. Yay!!\");</script>";
    echo "<script type=\"text/javascript\">window.alert(\"Search Criteria: ".trim($_POST['homeSearch'])."\");</script>";
}

I get the popup saying that post was reached, but the second popup just outputs "Search Criteria: " and nothing else.

1 Answer 1

4

You're missing the name attribute on your form input. Without it that value is not submitted.

<input id="homeSearch" type="text" maxlength="100" onkeypress="startSiteSearch(event);" />

should be:

<input name="homeSearch" id="homeSearch" type="text" maxlength="100" onkeypress="startSiteSearch(event);" />
Sign up to request clarification or add additional context in comments.

1 Comment

Wow, that was quick lol. You're completely right, don't know how I midded that. Thank you so much! (been wrestling with this for a while now)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.