<form> 自动提交

2024-11-05

遇到的一个Form表单自动提交问题解决办法

Form 表单中只有一个 input 元素时按回车会默认提交表单.有的时候我们希望按回车可以进行列表查询,但是查询后表单被自动提交了,然后刷新了整个页面.这个时候就需要对这个 Form 表单处理一下以满足在只有一个 input 元素时也能回车查询. 基本表单如下: <html> <head></head> <body> <form action='XXX' name='searchForm' method='post'> 查询: <inpu

form自动提交

在做项目中,例如b2b的由商城跳往卖家中心的后台,当他既有会员账号又是卖家的时候,让他登录了商城,就不需要卖家登录的时候,处理过程中可以用到form表单自动登录. 实现简单思路:可以再普通会员登录的地方,登录成功可以将登录名和密码,用户id存起来,为了安全可以aes加密(前面一篇文章有详细介绍),存入cookie,在页面中需要去卖家中心,那边可以判断开始所存的cookie,以及判断是否是卖家,如果是,用form表单自动给他登录. 在ecshop上面实现的案例: 在includes下面创建一个li

chrome、firefox表单自动提交诱因 -- 非type=hidden的单输入域（input）

开发任务中遇到很费解的一个form自动提交问题,form中只有一个input时回车会触发自动提交表单,当在多一个非type=hidden的input时,又不会出现表单自动提交. 代码示例: 会出现自动提交的 <form> <input name="name" /> </form> 不会出现自动提交 <form> <input name="name" /> <input style="disp

form表单取消按钮自动提交

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

form表单的enter自动提交

当form中只有一个文本框时并且获得焦点按enter时,就会自动提交表单.阻止自动提交可以添加一个隐藏的input框 <input type="text" style="display:none;" />

按Enter键后Form表单自动提交的问题

怪事年年有,今年特别多. 话说,最近项目中遇到一件怪事,当我鼠标focus在文本框中,轻轻敲了下回车键,尼玛页面突然刷新了,当时把宝宝给吓得. 接下来就是一番苦逼的烧脑和蛋疼~ 一.被表象所迷惑突然出现这种情况,脑海中第一反应是,keydown事件是不是出问题了,然后找啊找啊找啊,然后没有然后. 在把input元素上的所有事件移除掉后,我自信的按了一下enter键.艾玛,又刷新了.心里那个苦哎. 二.列出所有可能一阵捣鼓之后,脑海中列出了所有按下enter键后的改变,url改变,多了一个问号

form表单按enter键自动提交的问题

废话不多说.直接上代码. 1:form表单按enter键自动提交的情况 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=&

阻止 form 回车自动提交

问题:当form表单中只有一个input时,在input中按回车键会自动提交. 解决方案: 1.form元素上加onsubmit="return false"(推荐) 2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行) 3.给input绑定onkeydown事件代码: 方法一: form元素上加onsubmit="return false" <form action="../test.json" meth

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">

form表单下的button按钮会自动提交表单的问题

form表单下的button按钮会自动提交表单的问题 2017年01月05日 18:02:44 蓝色水阅读数:18012更多个人分类: asp.net form表单下的按钮在没有指定type类型的时候,如果我们同时给其添加了点击事件的话.会发现我们在点击的时候回默认的把表单也给提交了.如: <script type="text/javascript"> function validate(){ alert("test"); }</scrip

FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post" onsubmit="return false;"> 下边对“防止表单自动提交,以及submit和button

form表单自动提交

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

form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)

form中只有一个input按回车键表单会自动提交在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性,那么如何防止它的自动提交呢?这里提供四种方法. 第一种方法,把表单去掉,这是最管用,但也是最傻的方法,直接添加onclick事件,不用表单提交,这种方法就不赘述了. 第二种方法,很多人估计都想到过,就是既然一个input会自动提交,多个input就没问题,那么我给它多加一个i

form表单一个input时回车自动提交

问题描述 form表单中,如果当前表单只有一个input输入框时,单击回车会自动提交当前表单. 解决方案在当前form表单中添加一个隐藏的input, <input style="display:none" type="text"> 参考文档https://blog.csdn.net/renminzdb/article/details/42422183

按下enter键后表单自动提交问题

在HTML的form表单里,按下enter键之后,默认情况下表单会自动提交. 在公司一个项目里,按下enter键自动提交表单的查询结果与按下搜索框的搜索结果页面显示不一样,按下搜索按钮之后是通过Ajax请求返回结果:而按下enter键是直接post请求然后跳转返回一个页面,失去了页面样式及导航等. 一开以为是写了js代码导致按下enter键之后会触发表单提交,后来把js代码全部移除也是一样地按下enter键会触发表单提交.到网上搜索发现是因为默认情况下在form表单内按下enter键会触发表单自

SP避免Form重复提交的三种方案

SP避免Form重复提交的三种方案 1) javascript ,设置一个变量,只允许提交一次. <script language="javascript"> var checksubmitflg = false; function checksubmit() { if (checksubmitflg == true) { return false; } checksubmitflg = true; return true; } document.o

jquery validate form 异步提交

jQuery取得select选中的值 jQuery("#select1 option:selected").text(); 相信很多人都用过jquery validate插件,非常好用,并且可以通过下面的语句来自定义验证规则 // 电话号码验证 jQuery.validator.addMethod("isPhone", function(value, element) { var tel = /^(\d{3,4}-?)?\d{7,9

ssi-uploader上传图片插件，点击选择文件按钮自动提交表单解决办法

先介绍一下这款插件,然后再谈使用中可能遇到的问题 ssi-uploader是一个JQuery的图片上传插件,界面比较美观 github地址:https://github.com/ssbeefeater/ssi-uploader 演示地址:http://ssbeefeater.github.io/#ssi-uploader/examples 使用文档:http://ssbeefeater.github.io/#ssi-uploader/documentation 这里就不说明怎么使用了,githu

Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别

转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post"

UC浏览器input文本框输入文字回车键自动提交

这是测试今天在jira给我提出的一个bug 下面是贴的代码屏蔽或者禁止回车键 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>  <!--<input onkeydown="if(event.keyCode==13)

<form> 自动提交

热门专题