Home/ Questions/Q 8206353
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T08:38:02+00:00

Please consider the following non-working HTML document: <html> <body> <form action= method=GET onsubmit=return f(this);>

  • 0

Please consider the following non-working HTML document:

<html> 
    <body>
        <form action="" method="GET" onsubmit="return f(this);">
            <input type="text" name="bar" value="" />
            <input type="button" name="foo" value="foo" />
        </form>
    </body>
    <script type="text/javascript">
        function f(x) {
            alert(x.bar);
        }
    </script>
</html>

What I am trying to achieve is that when either (a) the foo button is pressed; or (b) enter is pressed while the text input has focus; then the function f is called with the content of the s text input – and the browser should otherwise stay on the same page after f returns.

How can I achieve this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should use a submit input rather than a button input, and to get the text from text input you use the value property and return false to prevent the form from submitting

    <html>
    <body>
        <form action="" method="GET" onsubmit="return f(this);">
            <input type="text" name="bar" value="" />
            <input type="submit" name="foo" value="foo"/>
        </form>
        <script type="text/javascript">
                function f(x)
                {
                    alert(x.bar.value);
                    return false;
                }
        </script>
        </body>
</html>

    FIDDLE

    • 0