Question

Possible Duplicate:
Enter button on Keyboard refreshes rather than submitting

I have the following form structure

structure of my form:

<form name="form">
<label>Name:</label>  
<input type="text" name="name" id="id" size="50"/></br>
<label></label> 
<input type="button" value="Get Info" onClick="get();">
</form>
<div id="age"></div>

My javascript for the get function is as follows:

function get() {
$.post('XXX.php', { name: form.name.value },
function(output){
    $('#age').html(output).show();

});

}

Now when i use button(input type=”button”) to post information it works well,But when i fill the information and press enter on the keyboard page gets refreshed.

How can i make Enter button to post the info?

Answer 1

Many times the default behavior in a form when enter is pressed in a non-textarea field is to submit, even when a submit button was not pressed or even present.

Try this:

<form name="form" onsubmit="get();return false;">

In fact, using this technique, you would be able to change your input button to a submit to simplify the form with the same outcome:

<input type="submit" value="Get Info"/>