`
itsoul
  • 浏览: 218142 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

回车使用ajax提交form表单

AjaxHTMLJava 
阅读更多 
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script type="text/javascript" src="${basePath}/js/jquery/jquery.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
		<script type="text/javascript">

	function sub(){
			$.ajax({
				type:"POST",
				url:url,
				data:"pageSize=6",
				success:function(msg){
					alert("success");
				}
			})
			
			return false;
	}
</script>
	</head>
	<body>

		<form action="" onkeydown="if(event.keyCode==13) return sub();">
			<input id="inputId" />
			<input type="button" value="sub" onclick="sub();" />
		</form>

	</body>
</html>
分享到：
| linux下安装nginx
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    没有form表单情况下敲回车键提交表单的js代码.docx

    ### 没有form表单情况下敲回车键提交表单的JS代码 在Web开发中，表单是用户与网站交互的重要方式之一。通常情况下，表单通过`&lt;form&gt;`标签来定义，并且可以通过点击按钮或者按下回车键来提交表单数据。但在某些特殊...

    JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单

    在JSP中，当一个FORM表单中只有一个INPUT文本输入框时，用户按下...同时，为了避免不必要的表单提交，也可以考虑使用AJAX异步提交方式，这样即使用户按下了回车键，也可以通过JavaScript控制数据的发送，提高用户体验。

    没有form表单情况下敲回车键提交表单的js代码

    最后，描述中还提到了Ajax的应用，这表明在现代的web开发中，我们往往不仅仅依赖传统的form提交方式，还可能使用Ajax来实现异步的客户端验证和数据提交。Ajax允许我们不需要重新加载页面，就可以向服务器发送请求，...

    jQuery实现form表单基于ajax无刷新提交方法详解

    在本文中，我们将深入探讨如何使用jQuery实现form表单基于Ajax的无刷新提交。这个方法允许用户在不刷新整个页面的情况下提交数据，提供更流畅的用户体验。以下是对jQuery实现这一功能的详细步骤和相关知识点： 1. *...

    Jquery响应回车键直接提交表单操作代码

    传统的 HTML 表单在用户按下回车键时会自动提交，但当使用 jQuery 和 AJAX 进行异步数据交互时，这个默认行为不再生效。本文将详细讲解如何使用 jQuery 实现回车键触发表单提交。 首先，让我们回顾一下问题的背景：...

    DWR 处理各种form表单Selectoption,table.doc

    在使用 DWR 处理各种 form 表单 Select/option 和 table 时，需要注意以下几点： * IE5.0 不支持 $() 函数，需要使用 document.getElementById 替代。 * 在更新 select 时，需要保存原来的数据，否则会丢失原来的...

    不同浏览器对回车提交表单的处理办法

    如果需要在提交前进行一些验证或异步交互，如检查必填项、使用Ajax进行数据验证，可以通过`&lt;form&gt;`标签的`onsubmit`事件来实现。例如，设置`onsubmit="myfn();return false;"`，这样在表单提交前会先执行`myfn()`...

    jsp中如何实现按下回车键自动提交表单

    在网页设计中，有时我们希望用户能够通过按下回车键而不是点击按钮来提交表单，以提供更加便捷的用户体验。在JSP（JavaServer Pages）中，我们可以结合JavaScript来实现这个功能。以下是如何在JSP中实现按下回车键...

    jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

    总结来说，当使用jQuery的validationEngine插件进行表单Ajax校验，并在最后一个字段校验后遇到提交不成功的问题时，需要检查是否由于表单提交按钮的name属性与JavaScript的submit()方法发生冲突。如果确实存在此类...

    javascript 按回车键相应按钮提交事件.docx

    1. **使用提交按钮提交**： - 在HTML表单元素中，可以通过设置`&lt;form&gt;`标签的`onsubmit`属性来添加自定义的JavaScript函数。 - 示例代码： ```html function onSub() { // 表单验证代码 } &lt;form action=...

    网页中回车后form自动提交跳到其他页面的解决方法

    4. **`search_wj()`函数**：这个函数应该包含处理查询请求的代码，比如获取表单数据，进行验证，然后可能使用Ajax异步发送请求到服务器，获取查询结果并更新页面，而不是直接跳转到新页面。这样，用户可以留在当前...

    JSP文本输入解决回车问题代码实例[可运行].rar

    它使用了AJAX技术来异步提交表单，保持页面的交互性。 从提供的文件名列表来看，`1.jsp`、`2.jsp`和`msg.jsp`可能是三个不同的JSP页面，它们可能展示了不同的处理回车问题的方法或者包含了一些示例代码。具体代码...

    jQuery实现form表单基于ajax无刷新提交方法实例代码

    在本文中，我们将深入探讨如何使用jQuery通过Ajax技术实现form表单的无刷新提交。这种方法允许用户在不离开当前页面的情况下提交数据，提高了用户体验。以下是一个详细的实例代码讲解。 首先，我们需要一个HTML页面...

    layui插件表单验证提交触发提交的例子

    这篇文章主要讲述了如何使用layui插件进行表单验证以及提交触发提交的实现方法。下面，我们将详细解析文章中涉及到的关键知识点。 ### 一、Layui框架介绍 Layui是一个前端UI框架，它提供了一套简单易用的界面元素...

    回 车 键 触 发 表 单 提 交

    2. **无障碍性**：对于使用辅助技术的用户，如屏幕阅读器，回车键提交表单是他们与表单交互的主要方式之一。因此，应确保这个功能对所有用户都可用。 3. **错误处理**：在触发回车键提交时，应先进行表单验证，避免...

    页面只有一个text的时候，回车自动submit的解决方法

    当开发者希望在用户按下回车时触发自定义的AJAX事件，而不是提交表单，就需要对这一默认行为进行干预。以下将详细解释这个问题，并提供解决方案。 首先，问题在于浏览器的行为规范。在HTML中，当表单内只有一个输入...

Magicbox
Global site tag (gtag.js) - Google Analytics