Pressing the Enter key

[eluser]Fielder[/eluser]
I’ve got a form without a type=“submit”. Rather it is a type=“button” that is tied to a jQuery call. When the users are filling in the form and hit the Enter key, it does not submit the form. How can I get this form to submit upon the Enter key?
I found this, but don’t know enough about jQuery to understand it or make it work.

Code:

$(".inputForm").bind("keydown", function(e) {  
if (e.keyCode == 13) {  
$("#submit_storelocationlist").click(function() {
.
Run my already existing jQuery code...
.
});
return false; //prevent default behaviour  
}  
});

and assign each of my <input> elements to class=“inputForm”.

OR maybe can I go ahead and use the <input type=“submit” id=“submit_storelocationlist” value=“Search” /> and in jQuery put

Code:

$("#submit_storelocationlist").click(function(event){
event.preventDefault();
});

Because I dont have an action in my <form>, at type="submit" won’t process properly.
What do you guys think?

Code:

<form class="rtuiform">
        <fieldset>
            <legend>Search Criteria</legend>
            <ol>
                <li>
                    <label for="storename_name">Store Name</label>
                    <em>&nbsp;</em>&lt;input type="text" id="storename_name" name="storename_name" size="36" /&gt;
                </li>
                <li>
                    <label for="store_number">Store Number</label>
                    <em>&nbsp;</em>&lt;input type="text" id="store_number" name="store_number" size="24" /&gt;
                </li>
                <li>
                    <label for="store_city">City</label>
                    <em>&nbsp;</em>&lt;input type="text" id="store_city" name="store_city" size="24" /&gt;
                </li>
                <li>
                    <label for="store_state">State</label>
                    <em>&nbsp;</em><select id="store_state" name="store_state" style="width:150px;">
                        <option value="" selected />
                        &lt;?php
                        foreach($states as $row)
                        {
                            echo '<option value="'.$row['state_abbreviation'].'">'.$row['state_name'].'</option>';
                        }
                        ?&gt;
                    </select>
                </li>
                <li>
                    <label for="store_upscode">UPS Code</label>
                    <em>&nbsp;</em>&lt;input type="text" id="store_upscode" name="store_upscode" size="24" /&gt;
                </li>
                <li>
                    <div class="noticediv">At least 1 field requires input</div>
                </li>
                <li>
                    <label for="submit"></label>
                    &lt;input type="button" id="submit_storelocationlist" value="Search" /&gt;
                    &lt;input type="reset" value="Clear" /&gt;
                </li>
            </ol>
        </fieldset>
    &lt;/form&gt;

Code:

// For ID of submit_storelocationlist
        $("#submit_storelocationlist").click(function() {

                    store_number = $("#store_number").val();
                    storename_name = $("#storename_name").val();
                    store_city = $("#store_city").val();
                    store_state = $("#store_state").val();
                    store_zip = $("#store_zip").val();
                    zone_number = $("#zone_number").val();
                    store_cycle = $("#store_cycle").val();
                    store_upscode = $("#store_upscode").val();
                    query_status = "FALSE";
                    
                    if (store_number == '' && storename_name == '' && store_city == '' && store_state == '' && store_zip == '' && zone_number == '' && store_cycle == '' && store_upscode == '')
                    {
                        query_status = "FALSE";
                    }
                    else
                    {                        
                        query_status = "TRUE";
                    }
                    
                    //$('#results').load("/intranet/trunk/app/index.php/all_search/AJAXsearchstorelocation",{store_number: store_number, storename_name: storename_name, store_city: store_city, store_state: store_state, store_zip: store_zip, zone_number: zone_number, store_cycle: store_cycle, store_upscode: store_upscode, query_status: query_status},function(str)
                    $('#results').load("/rtui/codeigniter/index.php/all_search/AJAXsearchstorelocation",{store_number: store_number, storename_name: storename_name, store_city: store_city, store_state: store_state, store_zip: store_zip, zone_number: zone_number, store_cycle: store_cycle, store_upscode: store_upscode, query_status: query_status},function(str)
                    {

                    });
        });

[eluser]cdbrkpnt[/eluser]
1. change your submit button type to submit
<input type="button" id="submit_storelocationlist" value="Search" />
to
<input type="submit" id="submit_storelocationlist" value="Search" />

2. change form to <form class="rtuiform">
define your submithandler() as


function submithandler(){
store_number = $("#store_number").val();
storename_name = $("#storename_name").val();
store_city = $("#store_city").val();
store_state = $("#store_state").val();
store_zip = $("#store_zip").val();
zone_number = $("#zone_number").val();
store_cycle = $("#store_cycle").val();
store_upscode = $("#store_upscode").val();
query_status = "FALSE";

if (store_number == '' && storename_name == '' && store_city == '' && store_state == '' && store_zip == '' && zone_number == '' && store_cycle == '' && store_upscode == '')
{
query_status = "FALSE";
}
else
{
query_status = "TRUE";
}

//$('#results').load("/intranet/trunk/app/index.php/all_search/AJAXsearchstorelocation",{store_number: store_number, storename_name: storename_name, store_city: store_city, store_state: store_state, store_zip: store_zip, zone_number: zone_number, store_cycle: store_cycle, store_upscode: store_upscode, query_status: query_status},function(str)
$('#results').load("/rtui/codeigniter/index.php/all_search/AJAXsearchstorelocation",{store_number: store_number, storename_name: storename_name, store_city: store_city, store_state: store_state, store_zip: store_zip, zone_number: zone_number, store_cycle: store_cycle, store_upscode: store_upscode, query_status: query_status},function(str)
{

});
if(query_status=='TRUE'){

}else{
alert(query_status); // Blank fields validation
return false;
}


}





Hope this works out for you ..