Solved

Need help on hitting "Enter" key to trigger a button...

Posted on 2009-07-15
1
353 Views
Last Modified: 2012-06-22
Hi,

I'm trying to make the "Enter" key function exactly the same as clicking on the Find button that has an ' OnClientClick="return validateForm()" ' and does a PostBack. In other words, if the user hits the "Enter" key on his keyboard after filling in the zip code, I need the "Enter" key to do exactly as clicking on the "Find" button.

Thanks very much in advance.

<script type="text/javascript" src="/js/jquery-1.2.1.js"></script>
    <script type="text/javascript">
        // <![CDATA[
        function validateForm() {
            var zipCode = $("input#<%= txtZipCode.ClientID %>").val();
            zipCode = $.trim(zipCode);
            var state = document.getElementById("<%= ddlState.ClientID %>").value;
            var objZip = document.getElementById("<%= txtZipCode.ClientID %>");
            if (zipCode == "" && state == "") {
                alert("Please enter a zip code or select a state!");
                objZip.focus();
                return false;
            }
            if (zipCode != "" && !validateZipCode(zipCode)) {
                alert("Please enter a valid zip code!");
                objZip.focus();
                return false;
            }
            
            return true;
        }
        
        function validateZipCode(v) {
            var regex = /^\d{5}$|^\d{5}-\d{4}$/;
            return regex.test(v);
        }
        // ]]>
    </script>		
 
    <div>
	<form id="form1" runat="server">
        <table border="0" cellpadding="2" style="width:500px">
            <tr id="trZip" runat="server">
                <td style="text-align:right">Please enter a zip code</td>
                <td style="text-align:left">
                    <asp:TextBox ID="txtZipCode" Width="40px" MaxLength="5" Runat="server" />
                </td>
            </tr>
            <tr id="trOR" runat="server">
                <td style="text-align:right">OR</td>
                <td>&nbsp;</td>
            </tr>
            <tr id="trState" runat="server">
                <td style="text-align:right;vertical-align:top">Select a state</td>
                <td style="text-align:left">
                    <asp:DropDownList 
                    ID="ddlState" 
                    DataSourceID="srcState" 
                    DataTextField="StateName" 
                    DataValueField="State_ID" 
                    AppendDataBoundItems="true" 
                    Runat="server">
                    <asp:ListItem Text="Select State" Value="" />
                    </asp:DropDownList>
                    <br /><br />
                    <asp:Button ID="btnFind" Text="Find" OnClick="btnFind_Click" OnClientClick="return validateForm()" Runat="server" />
                </td>
            </tr>
        </table>
		
        <asp:ObjectDataSource
            id="srcState"
            TypeName="State"
            SelectMethod="SelectStates"
            Runat="server" />
	</form>
    </div>

Open in new window

0
Comment
Question by:WebAppDeveloper
1 Comment
 
LVL 13

Accepted Solution

by:
drypz earned 500 total points
ID: 24865699
Hi! Do this is in your html form like this

<form id="form1" runat="server" defaultbutton="btnFind">
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Article by: Najam
Having new technologies does not mean they will completely replace old components.  Recently I had to create WCF that will be called by VB6 component.  Here I will describe what steps one should follow while doing so, please feel free to post any qu…
Introduction Hi all and welcome to my first article on Experts Exchange. A while ago, someone asked me if i could do some tutorials on object oriented programming. I decided to do them on C#. Now you may ask me, why's that? Well, one of the re…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question