jquery表单form提交阻止页面全部刷新

首先明确一点：form表单下，如果是针对form元素进行提交，整个页面都会刷新。

所以出现的问题是：当用户往输入框内输入内容分后，按回车或者点击提交按钮，往当前页面输出内容的局部刷新会被之后的整个页面刷新给刷掉。

为了阻止整个页面刷新而保留局部刷新，我们可以使用以下方法：

方法一：（推荐）在js里form表单用submit()，最后return false

$(document).ready(function(){

$("#form1").submit(function(){

事件处理

return false;

});

</script>

</form>

方法二：舍弃回车提交，提交事件针对form元素之外的按钮元素，用户可以鼠标点击提交按钮来实现。

$(document).ready(function(){

$("#btn1").click(function(){

事件处理

});

</script>

<form>

</form>

方法三：给输入框<input>额外设置回车提交

jquery表单form提交阻止页面全部刷新相关推荐

Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，axios，跨域和JSONP，防抖和节流，HTTP协议
目录服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...
JQuery表单的提交方式
在MVC中,jQuery表单的提交方式尤为重要,表单的提交需要视图和控制器的密切连接使用. 控制器与视图的连接.接收分为三种: 自动提交:submit , action , methion 手动提交: ...
js实现表单form提交前进行确认提示
在jquery中,可以使用confirm来弹出提示框,实现确认提交.下面小编举例讲解js实现表单form提交前进行确认提示. 工具/原料 js+html 代码编辑器:zend studio 10.0 ...
表单form提交前弹出确认对话框
表单form提交前进弹出确认对话框定义一个函数: <script language="javascript"> function sumbit_sure(){ var ...
php ajax jquery 表单重复提交,jQuery如何防止Ajax重复提交
首先说说防止重复点击提交是什么意思. 我们在访问有的网站,输入表单完成以后,单击提交按钮进行提交以后,提交按钮就会变为灰色,用户不能再单击第二次,直到重新加载页面或者跳转.这样,可以一定程度上防止用户 ...
表单Form提交数据和PHP数据处理
一.先来认识一下表单有那些常用元素和属性: 1.<from 表单的属性有: name="表单名称" ,非必须但是为避免混乱,不同表单尽量用不同的名字,且应该与表单的功能相符: ...
java jsp校验提示信息_java Jquery表单校验代码jsp页面
jsp.file 欢迎注册EasyMall /* 注册表单的js校验 */ var formObj = { /* 检查输入项是否为空 */ "checkNull" : functi ...
php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
php ajax jquery 表单重复提交,Jquery 防止Ajax重复提交权威解决方案
/** * jquery ajax请求过滤,防止ajax请求重复发送,对ajax发送错误时进行统一处理 */ $(function(){ var pendingRequests = {}; // 所有 ...

jquery表单form提交阻止页面全部刷新

jquery表单form提交阻止页面全部刷新相关推荐

最新文章

热门文章