form表单回车自动提交

form表单自动提交

form表单提交是web项目中经常遇到的,但是如果form中只有一个input为text类型的输入框时, 需要格外注意,因为这时候只要你按下回车键,form表单就会自动提交,这是form表单的一个特性. 如何有效的防止呢? 小编认为最简洁有效的方法就是增加一个隐藏域.比如下面的代码就可以解决问题: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding=&qu

关于form表单回车自动刷新

现象: form表单,输入框聚焦后,回车,页面刷新跳转. 原因: form表单,在只有一个输入框的时候,在点击回车时,就会触发表单的提交,而form若没有url,则提交后就会刷新页面,导致跳转. 解决: 1.禁用document的回车事件在不知道原因的情况下,可以直接禁用document的回车事件. function document.onkeydown() { var e = event.srcElement; if (event.keyCode == 13) { return false;

html form禁止表单回车自动提交（通常原因是为在ajax提交前、后进行js判断控制）

@*onkeydown事件用于禁止回车自动提交form,这样就不经过js控制跳转*@ <form action="/Account/CheckPsw" method="post" id="login-form" onkeydown="if(event.keyCode==13){return false;}"> <div class="form-group has-feedback">

from 表单回车自动提交

自动提交的情况 1 表单只有单个输入框 2 type=‘submit 这里注意button默认type为submit 解决方法 1 添加一个隐藏的输入框 2 form添加属性 onsubmit="return false;" <form> <input type="text" name=""> <input type="hidden" name=""> </for

HTML form表单回车触发提交

防止表单提交时刷新页面-阻止form表单的默认提交行为

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

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

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

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

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

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

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

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

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按钮提交页面不跳转

方案一 <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

HTML form表单的默认提交方式

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

通过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表单两种提交方式的不同

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

Form表单(回车)提交问题

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 1. 如果表单里有一个type="submit"的按钮,回车键生效. 2. 如果表单里只有一个type="text"的i

form表单回车提交

当form中只有一个input[type="text"](其他的表单元素可以随意有)的输入框时候,当input[type="text"]获得焦点的时候,无论表单中是否有type="submit"按钮,按下键盘回车键,都会提交表单(都会触发form.submit),如下: <form id="test-form" action="formaction.php" method="post&quo

form表单回车提交问题,JS监听回车事件

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 1. 如果表单里有一个type="submit"的按钮,回车键生效. 2. 如果表单里只有一个type="text"的input

form表单的默认提交行为

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

用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表单回车自动提交

热门专题