// 为回车键添加获取数据的方法
$(document).keypress(function(e) {
var actId = document.activeElement.id;
if (e.which == 13) {
var barcode = $.trim($("#barcode").val());
var url = "../frame.action";
if (barcode) {
$.ajax({
url : url,
cache : false,
data : {
"name" : barcode
},
type : "POST",
dataType : "json",
success : function(data) {
if (data.name * 1 > 0) {
$("#bookId").val(data.book.bookID);
$("#otherPublishDate")
.val((new Date(data.book.otherPublishDate))
.format("yyyy年MM月"));
$("#bookName").val(data.book.bookName);
$("#shortname").val(data.book.shortname);
$("#storageNum").val(data.book.storageNum);
$("#fixprice").val(data.book.fixprice);
$("#shelfNo").val(data.book.shelfNo);
$("#manager").attr("disabled", false);
$("#more").attr("disabled", false);
} else {
alert("没有书码:" + barcode + "相关信息!");
$("#barcode").val("");
$("#barcode").focus();
return;
}
}
});
}
}
});
分享到:
相关推荐
有时我们可能希望阻止键盘事件的默认行为,比如阻止回车键提交表单。可以使用`event.preventDefault()`来实现: ```javascript $('input').on('keydown', function(event) { if (event.keyCode === 13) { // Enter...
接下来,我们介绍使用jQuery实现回车键提交表单的方法。jQuery提供了更为简洁和强大的API来绑定事件处理器,使得代码更加简洁易读。同样,我们需要监听keydown事件,并在事件处理函数中判断是否按下了回车键。以下是...
总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...
同时,当用户按下回车键时,可以选择当前高亮的列表项,或者提交文本框的值。 总结起来,实现“jQuery仿百度搜索时的下拉列表”主要包括以下步骤: 1. 使用$.post()发送Ajax请求,获取数据库中的匹配项。 2. 在...
### 如何在JSP中实现按下回车键自动提交表单 #### 背景介绍 在Web开发中,为了提升用户体验,有时我们需要实现在用户按下回车键时自动提交表单的功能。这对于登录页面、搜索框等场景非常实用。本文将详细介绍如何在...
在非jQuery方法中,我们在body元素上直接添加了onkeyup事件监听器,当回车键被按下时,调用`autosubmit`函数,提交form表单。 以上两种方法都能有效地实现回车登录的功能,开发者可以根据项目需求和团队习惯选择...
为了实现这一目标,我们可以使用jQuery的`keypress`事件监听器,来检测用户是否按下回车键(键盘码为13)。在jQuery中,我们可以这样编写代码: ```javascript $(document).ready(function() { $('.a').keypress...
在搜索框中,我们可以使用jQuery来增强用户体验,例如监听键盘事件,当用户按下回车键时自动提交搜索,或者添加实时搜索功能,即用户输入时就更新显示的搜索结果。下面是一个简单的示例: ```javascript $(document...
if (e.type === 'keydown' && e.keyCode === 13) { // 按下回车键 e.preventDefault(); saveChanges(this); } else { saveChanges(this); } }); function saveChanges(cell) { var newValue = $(cell).text...
2. 表单提交事件:表单提交通常指的是用户在填写完表单后,点击提交按钮或者按下回车键触发的一系列事件。在这个过程中,浏览器会收集表单内的数据,并尝试将数据发送给服务器。这通常通过提交表单的action属性指定...
匹配的邮箱后缀会在动态生成的列表中高亮显示,用户可以通过上下箭头键选择一个匹配项,按回车键确认选择。 为了完善用户体验,我们还需要处理一些细节,例如隐藏和显示自动补全列表、处理用户输入的特殊字符、避免...
4. chat.send方法用于处理用户点击发送按钮或按回车键时触发的事件。将消息发送到服务器,并在发送成功后清空文本区域。 5. chat.socket方法用于在后台周期性地通过AJAX请求向服务器发送请求,获取新的聊天信息,并...
本文将介绍如何使用jQuery来实现一个功能,即通过按下Ctrl+Enter键来提交表单,而不是仅依赖于点击提交按钮。这个功能尤其适用于论坛、博客评论等需要用户输入内容的场景,让用户可以更高效地发布内容。 首先,我们...
但在IE6浏览器中,当使用回车键提交表单时,并不会携带submit按钮的值。为了解决这种跨浏览器的兼容性问题,可以增加一个隐藏的表单域(input type="hidden"),用这个隐藏域来判断表单是如何提交的,无论何种方式...
同时,jQuery的事件监听功能,如`.on('submit', function() {...})`,可以监听表单的提交事件,当用户按下回车键或点击提交按钮时,执行相应的搜索逻辑。 HTML5则提供了更丰富的语义化标签,如`<form>`、`...
接着,我们可以使用jQuery监听输入框的`keyup`事件,检查用户是否按下回车键,并处理新标签的添加: ```javascript $('#tagInput').on('keyup', function(e) { if (e.keyCode === 13) { // 检查是否按下回车键 ...
- `selectFirst`属性为`false`意味着用户不能直接通过Tab键或回车选择第一个匹配项。 - `extraParams`用于向后端发送额外的参数,在此例中是传递当前输入框的值给`doctor_list.php`。 3. **后端实现**: - 通过`...
- **键盘导航**:添加键盘支持,使用户可以用上下键浏览选项,回车键选择。 以上就是使用JavaScript模拟下拉选项框的基本步骤。在实际项目中,可能需要结合现有的前端框架(如React, Vue, Angular等)或库(如...