Home/ Questions/Q 8208015
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T09:11:43+00:00

When a user hits the button, everything works fine. But when they hit enter,

  • 0

When a user hits the button, everything works fine. But when they hit enter, the page just reloads. What am I doing wrong?

Here’s my full code:

<!doctype html>
<html>
<head>
    <title>Fun!</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

    <link rel="stylesheet" href="" media="print" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

    <style type="text/css">
        body {
            font-family: arial;
        }
    </style>

    <script type="text/javascript">
        function get() {
            $.post('data.php', { name: form.name.value }, 
                function(output) {
                    $('#age').html(output).show();
                }
            );
        }
    </script>
</head>

<body>
    <div class="container">
        <form action="" name="form" method="post">
            <input type="text" name="name" /> <input type="button" value="Get" onClick="get();" />
        </form><br />

        <div id="age" style="display: none;">Result</div>
    </div>
</body>
</html>

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are setting the onclick event for the button, this will not work when Enter is pressed, because it is not a click.

    Take off onclick and add

    onsubmit="event.preventDefault();get();return false;"

    to the <form>.

    event.preventDefault(); prevents the submission of the form (the Default action).

    return false; is for older versions of Internet Explorer, because they don’t support e.preventDefault();. Modern browsers ignore return false;.

    • 0