Nhấn enter để tự động tìm kiếm trên web

[blogwhey1]

Chào các bác hiện nay em đang làm form tìm kiếm, giờ em muốn nhập giá trị vào textbox sau đó ấn enter thì nó tự động tìm kiếm(không phải click chuôt vào nút tìm kiếm). Giả sử trong trường hợp này em không dùng điều khiển button của asp. Xin các bác chỉ em cách làm. Xin cám ơn nhiều

View more random threads:

• Cho Label ở form thứ 2 hiển thị value của Dropdownlist !!
• Cách thêm 1 lúc nhiều dữ liệu vào bảng trong ASP.NET MVC4?
• Cách tạo website bằng ASP.NET?
• Thuộc tính nào là chia trang với CollectionPager
• thắc mắc về đưa cơ sở dữ liệu Access lên hiên thị datagridview
• Thể hiện nhiều bộ đếm lên datalist ASP.NET như thế nào?
• Xin tài liệu Phân trang trong website Asp.net
• Cách gõ bỏ cảnh cáo mã độc khi tải file trên trình duyệt Chrome?
• Cách khai báo stack trong ASP.Net bằng C#?
• Làm thế nào để lấy chuỗi mod trên thanh địa chỉ ?

[phuongnguyen]

Bạn cho cái Panel bao bọc toàn bộ phần tìm kiếm rồi để Default Button của Panel bằng tên nút Tìm kiếm.
Ví dụ đây là của phần đăng nhập, nó cũng tương tự như vậy

<div class="content-login">    <asp:Panel ID="pnLogin" runat="server" DefaultButton="btnlogin">    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:7px;">        <tr>            <td style="width:80px;">UserName:</td>            <td>                <asp:TextBox ID="txtUserName" Width="95px" runat="server" />            </td>        </tr>        <tr>            <td style="width:80px;">Password:</td>            <td>                <asp:TextBox ID="txtPassword" Width="95px" runat="server"                     TextMode="Password" />            </td>        </tr>    </table>    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:10px;">        <tr>            <td style="width:80px;"><a href="\Pages\Register.aspx">+ Đăng ký</a></td>            <td>                <asp:ImageButton ID="btnlogin" ImageUrl="/Styles/Images/login.png"                     runat="server" onclick="btnlogin_Click" />                </td>        </tr>        <tr>            <td><a href="\Pages\ForgotPassword.aspx">+ Quên mật khẩu</a></td>        </tr>    </table>    </asp:Panel>

[vanvuive]

bắt sự kiện keypress của textbox. xét coi nếu nó = 13 thì thực hiện tìm kiếm

[thienquoc]

dùng 1 trong các sự kiện onkeypress ,onkeydown,onkeyup của javascript cho textbox
trong sự kiện đó kiểm tra bằng javascript , nếu event.keycode=13 thì người dùng đang nhấn enter
dùng document.getElementById('id_textbox').value để lấy giá trị của textbox , truyền vào queryString của trang tìm kiếm
goodluck !

[thedattm]

Trước tiên xin cám ơn các bác đã trả lời câu hỏi của em! Thực ra để tạo trang login sử dụng button thì em đã làm được rồi. Nhưng giờ ý của em muốn ở trong trang tìm kiếm em muốn ẩn button đi. Và sau khi nhập giá trị vào ô textbox em ấn enter thì nó gọi đến sự kiện click của thằng button. Cái này thì em chưa làm được. Nếu bác nào đã gọi kiểu này rồi xin chỉ em cách làm. Cám ơn các bác nhiều.

[cuuseo]

Trong texbox, bạn chèn thêm đoạn này:

 onkeypress="ProcessKeypress()"

Còn đây là mã javascript

<script type="text/javascript">
     function ProcessKeypress() {
         if (event.keyCode == 13) {
             document.getElementById("btnSearch").click();
             event.cancelBubble = true;
             return false;
         }
     }
</script>

Nếu muốn sử dụng code kia cho nhiều textbox và nhiều button khác thì truyền tham số id nút vào thôi là đc

[thanhtruc02]

Trong texbox, bạn chèn thêm đoạn này:

 onkeypress="ProcessKeypress()"

Còn đây là mã javascript

<script type="text/javascript">
     function ProcessKeypress() {
         if (event.keyCode == 13) {
             document.getElementById("btnSearch").click();
             event.cancelBubble = true;
             return false;
         }
     }
</script>

Nếu muốn sử dụng code kia cho nhiều textbox và nhiều button khác thì truyền tham số id nút vào thôi là đc

sửa thêm nè
document.getElementById("<%=btnSearch.ClientID%>") .click(); // vì cái này do server quản lý