form表单submit按钮提交页面不跳转

方案一 <html> <body> <form action="" method="post" target="nm_iframe"> <input type="text" id="id_input_text" name="nm_input_text" /> <input type="submit" id=&quo…

最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用button 按钮提交表单的时候,要设置type="button" button在浏览器中默认的类型为submit: 2.使用input 代替button ,设置type="button" 3.event.preventDefault(); 在提交事件绑定的方法的最后…

form表单submit事件

form表单submit事件同时会触发form表单中button按钮的click事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form id="form_test" action="" method="pos…

Form表单三种提交按钮的区别？

1.<input type='button' id='btn' onclick='check()' value="提交"> 说明:只是普通的按钮(不附带提交功能),不会触发form表单的submit()事件,所以点击后不会提交表单好处:可加入js验证,验证后若想提交可使用 document.Formname.submit() -->js 提交函数,进行提交 Formname 为表单的name名字若不加载提交,利用Ajax获取数据,可实现页面不刷新,文本框内容保…

form表单取消按钮自动提交

默认写在form表单里的按钮可以自动提交表单,现在要实现的效果是点击button按钮调用js函数,再有ajax提交 <button type="button" class="btn btn-sub" onclick="return formSubmit();">提交</button> function formSubmit() { // 如果是修改渠道号,原来就有渠道参数,需要将原有的渠道参数初始化进去 $("#…

提交Form表单,submit之前做js判断处理

效果: 在点击提交按钮时,首先进行js判断, 如果不符合条件,则alert出提示信息,并return false. 主要点就在于给form表单添加一个onsubmit事件. 在onsubmit事件中定义的函数里进行js验证处理. 代码 : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti…

基于form表单submit提交不跳转

方法一:target <html> <body> <form action="" method="post" target="nm_iframe"> <input type="text" id="id_input_text" name="nm_input_text" /> <input type="submit"…

form表单input回车提交问题

问题:文本框输入完成后点击回车页面刷新问题出在form上,当表单中只有一个文本框的时候获取焦点并点击回车之后会提交表单内容,就会发生刷新事件. 解决方法: 1.增加一个隐藏的输入框 <input itype="text" style="display:none" /> 增加了一个隐藏的输入框之后,表单的文本框不再是唯一的,回车不会触发提交事件 2.去掉输入框的回车事件 <input type="text" onkeydown=&…

通过button将form表单的数据提交到action层

form表单中不需要写action的路径,需要给form表单一个唯一的id,将你要提交的信息的表单中的标签name="action中的javabean对象.javabean属性".给button按钮添加一个onclick()点击事件,并实现该点击事件,在该onclick()方法中通过ajax将form表单中的数据提交给action层 JSP页面中的代码: 1 <form id="handleform"> <!-- 根据学生id修改学生信息 --&g…

form 表单跨域提交

<!DOCTYPE html><html> <head> <title>form 表单上传文件</title> <script src="Public/js/jquery-2.1.4.min.js"></script> <script src="Public/js/bootstrap.min.js"></script> </head> <bo…

jquery序列化form表单使用ajax提交后处理返回的json数据

1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try { servletResponse.setContentType("text/plain;charset=UTF-8"); pw = servletResponse.getWriter(); pw.write(json); pw.flush(); pw.close(); } catch (…

form表单自动回车提交

对于使用了submit按钮的form表单,浏览器会直接建立回车与submit按钮之间的关联…

【记录】解决前端form表单回车禁止刷新页面

最近弄前端有form表单的情况下按回车会自动刷新当前页面. 现记录解决方案如下: 1.去掉表单 2.不要让表单中只有一个文本框(增加一个隐藏的文本框就行) 3.以上两点都不想使用,那么就还可以在表单后面加上一个onsubmit事件,返回false.阻止form提交. onsubmit="return false;"…

form表单两种提交方式的不同

我们在使用<Form>表单的时候,最常用的提交方式就是Get和Post.我们都知道这两种方式最大的差别就是安全性,除此之外,它们还有哪些其他的区别,你知道吗? 在<Form>表单中,Method的提交方式有两种,分别是Get请求和Post请求. 这两种请求方式分别对应HttpServlet中的doGet()和doPost()方法(继承HttpServlet类并重写doGet()和doPost()方法). 它们的区别如下: 1.参数传递的方式不同: Get请求相较于P…

HTML form表单的默认提交方式

默认为Get,亲测.. key值为控件name属性值,如果没有 url中就没有此值 aspx中默认Form表单提交方式为post…

jQuery Ajax 确定 form 表单 submit 提交成功

使用 jQuery 提交表单,可以使用同步方式(async: false). a.html 是 html 文件,a.php 是服务端文件,把 a.html 中表单的数据提交到 a.php 中,在提交成功之后,给出成功提示. a.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery-1.8.3.min.js"&…

使用jQuery重用form表单并异步提交到其它action

在做页面开发的时候,有时候要重用表单的数据,并异步请求提交到其它的链接中,这个时候就能够使用jquery去改动表单的action值(记得使用后改动回来).并调用submit方法,当然后台的链接action或者controller方法必须返回值类型为void.否则将发生页面跳转,返回null则显示空白页,无法实现异步调用. 另外,这里能够使用另外一个方式提交.将表单序列化,然后用jQuery的ajax提交,只是要对返回的信息进行处理. 直接上代码: (1)jQuery改变form属性 $(".ex…

form表单4种提交方式

<!DOCTYPE html><html> <head> <title>JavaScript表单提交四种方式</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" > function submit()//…

form表单无刷新提交文件（iframe）

先看一段代码(PHP例子) 1.表单代码(form.html): <iframe name="testIframeName" style="display:none;"></iframe> <form target="testIframeName" method="post" action="formAction.php"> <input type="te…

6.form表单四种提交方式

一.使用jquery的ajax方式提交: 二.使用easyui的form组件内置的submit方法提交: 三.先定义表单,然后使用submit方法提交: 四.先定义表单,然后按下enter键时提交:…

form表单Get方式提交时,action中带参数传递不了

<form action="getPostServlet/getPost.do?param4=param4" method="get"> <input type="hidden" name="param1" value="param1"> <input type="hidden" name="param2" value="par…

Form 表单用 Ajax 提交数据并用 jQuery Validate 验证

表单填写需要验证可用插件 jQuery Validate 提交数据使用 Ajax 可操控性得到提到注意:请自行引入 jQuery 和 jQuery Validate HTML 代码 <form class="icmxform" id="testForm" method="get" action="index.html"> <fieldset> <legend>输入您的名字,邮箱,URL,以…

用form表单实现Ajax---post提交

实例讲解:新闻发布实现无刷新上传,显示 html代码: 注意:文本框中并没有id ,,只有name.jquery获取每个文本框的值还要在拼写提交格式(id=value&name=value&...)太繁琐太麻烦!怎么提交到服务器??js中有详解 <body> <form id="form1">//表单只留个id <table> <tbody> <tr> <td>标题</td> <…

FORM表单不刷新提交POST数据

很多时候表单太多项,JQ懒的去处理了使用这个提交吧.和她讨论出去旅游,去哪里好呢,此时还和以前一样吗? function testaction(){ var f = $("#publishForm"); url = f.attr('action'); // 得到该 form 的提交路径,并赋值到 url // 以 post 方式提交, 回调函数function 返回 data var i = $.post(url, f.serialize(), function(data) { //…

form表单的默认提交行为

一如果<form></form>表单中只有一个<input type="text"/>,则使文本框获取焦点,并单击回车,form会自动提交. 提交路径为action属性拼接到当前路径(action属性默认为空字符串,如果form没有action属性,则提交路径与当前路径相同). 浏览器表现:Chrome(桌布版.移动版)会出现此问题,Android手机会出现.Safari(桌面版.移动版)不会出现. 解决方法:禁止表单提交. 1 设置成<f…

form表单无刷新提交

Ajax最大的特点就是可以不刷新页面而实现数据的通信及更改页面信息.那么用AJAX进行后台通信传递字符串还是可以的,遇到上传文件该怎么办呢?基于安全考虑,JS是不能直接进行文件操作的,只好用原始的from来提交文件上传了.这样一来,用form不就要刷新页面了吗?其实也不是. 给我们的from加一个target属性,并且将这个属性的值设置为隐藏的iframe的ID,这样一来,刷新的页面是我们隐藏的iframe,我们的页面就不会刷新了.这个方法,时广大前辈的知识和经验的结晶,我是不费吹灰之力拿来用了…

序列化多个form表单内容同时提交

一.首先将表单主体序列化为json对象. 方法: //将表单序列化为json,这里加了个jQuery的扩展方法 $.fn.serializeJson = function () { var result = {}; var array = this.serializeArray(); $(array).each(function () { if (result[this.name]) { if ($.isArray(result[this.name])) { result[this.name].…