问题描述 在设计表单时,表单内有一个按钮<button>,该按钮是用来获取其他数据或执行其他操作的.并不是让他提交表单. 解决方案 1) 设置 form 的 onsubmit='return false'; 2)将按钮改成如下格式 <input type="button"> 3) 在处理函数中使用 $( "a" ).click(function( event ) { event.preventDefault(); $( "<d…

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

在ie中,button默认的type是button,而其他浏览器和W3C标准中button默认的属性都是submit…

在ie中,button默认的type是button,而其他浏览器和W3C标准中button默认的属性都是submit,所以在chrome中,需要使用<button type="button"></button>.…

对于表单的按钮以前知道submit和button有区别,但没有深入探索,今天刚好又碰到这个问题,看了下网络上这位朋友已经有现成的总结了,而且比较到位,拿来跟大家分享下(原文地址:http://blog.sina.com.cn/s/blog_693d183d0100uolj.html). submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消…

先介绍一下这款插件,然后再谈使用中可能遇到的问题 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…

转载于  :https://zhidao.baidu.com/question/619375120140398412.html 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post" onsu…

不用单点登录,模拟远程项目的登录页面表单,在访问这个页面的时候自动提交表单到此项目的登录action,就可以实现登录到其他系统. ssh框架项目 1.以下是本地系统的action代码: import java.io.IOException; import java.util.List; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.i…

点击button以后,表单先由ajax提交,然后无论后台返回什么结果,页面都会跳转到表单action属性指定的路劲,也就是login.html使用的是html.jquery.javascript,后台是spring mvc 代码如下: html表单: XML/HTML code   ? 1 2 3 4 5 6 7 8 9 <form action="login.html" method="post" id="loginForm">  …

最近在做一个后台管理系统,发现了一个小bug: 问题描述:form表单中有多个button按钮(以下图为例),如果第一个button不写type属性,那么点击第一个button按钮会触发submit事件: 解决办法:给第一个按钮加上type属性.…

—————————————————————— <script type="text/javascript">                        //当用户按下键时            function formKeyPress(event){                if(event.keyCode == 13){            //判断是否按的是Enter键                    document.forms[0].submit…

可以用button代替input type=”submit”吗? 在ie下,<button>标记恐怕还存在几个不大不小的问题. 在一个表单里,如果有一个以上"submit"类型的<button>标签存在,在表单被提交时,不管你点击哪个<button>,所有<button>的值都会被post/get.<button>的缺省type属性被设置为"button",但是在A级别浏览器下,应该设置为"sub…

Web页面中经常碰到这类问题,就是客户端多次点击一个按钮或者链接,导致程序出现不可预知的麻烦. 客户就是上帝,他们也不是有意要给你的系统造成破坏,这么做的原因很大一部分是因为网络慢,点击一个操作之后,系统响应慢,于是点击多次.如果我们遇到这种情况, 也许是一样的操作方法,所以解决问题才是王道. 废话不多说,直接切入正题. 方法一:在客户端制作一个遮罩层. 即用js和css制作一个纯白色或者黑色的遮罩的div,当客户端点击按钮时,弹出这个div并覆盖在当前用户界面之上, 这样遮罩层下面的内容被屏蔽…

今天在开发页面时,遇到一个小BUG,,如下图 在页面的文本框获取焦点之后,再按键盘上的Enter键,页面form就会自动提交.如下是页面禁止Enter自动提交代码: document.onkeydown = function(event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; if (code =…

/*回车提交表单*/ $(document).keydown(function(event){ if(event.keyCode == 13){ //alert('你按下了Enter'); $("#login").click(); //模拟触发botton事件 } });…

<form id="frm" action="http://www.baidu.com"> 考试还剩余<div id="time"></div> </form> <script> var times = 45 * 60;//剩余时间,单位秒 var timeDiv = document.getElementById("time"); var timeObj = nul…

//执行不刷新页面更新所修改的行 var arr = $('#patient_form').serializeArray();//将表单中的数据格式化成数组 var m = new Array(); //取数组中各个输入框对象的值,放在数组m中 $.each(arr, function(i,val){ m[val.name] = val.value; }); //更新行 $('#dgRequest').datagrid('updateRow',{ index: me.rowIndex, row:…

最近几天,测试系统,遇到一个兼容性问题,form中有一个button按钮,没有指定type类型,点击按钮弹出框选择值之后回填给form上的一个单行文本框,在IE6.IE7.IE8.IE9.IE10中测试都没有问题,唯独IE11中,弹出框关闭之后,单行文本框接收到弹出框的返回值之后,form所在的父页面自动刷新了一次,导致form中的值全部被重置了 刚开始,还以为是系统所用的Web框架不兼容IE11,经过反复测试发现,系统中有一些弹出框关闭之后,父页面是不会自动刷新的,于是开始慢慢对比源代码,最后…

点击图片按钮时,不光提交其他输入框信息,还把鼠标点击图片上的x,y坐标也传输过去了…

生日: <asp:DropDownList ID="selYear" runat="server"></asp:DropDownList>年 <asp:DropDownList ID="selMonth" runat="server"></asp:DropDownList>月 <asp:DropDownList ID="selDay" runat=&qu…

html: <form id="formwb" onsubmit="return setPassword();"> <script> document.forms[0].onsubmit(); function setPassword() { //rfb.sendPassword($D('password_input').value); rfb.sendPassword("passw0rd"); return false;…

<script type="text/javascript"> $(function () {//页面完全加载完后执行 /*防止重复提交 10秒后恢复*/ var isSubmitClick = true; $('.input_button_blue').click(function () { if (isSubmitClick) { isSubmitClick = false; $('.input_button_blue').css("background-co…

//coontrol $this->load->view ( '/' . $this->index_lang ['FOLDER'] . '/eprepag_form.php', $params); //view //eprepag_form.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-…

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>vue</title> <link rel="stylesheet" href="">…

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

使用Angular提交表单 我们准备在之前使用的<script>标签中设置我们的Angular应用.所以删除里面的内容,我们就可以开始了. 设置一个Angular应用 步骤为: 1. 加载Angular 2. 设置module 3. 这是controller 4. 将module和controller应用于HTML 5. 设置双向变量绑定 6. 这是错误和信息 看起来好像是很多内容,但是最终,我们会用非常少的代码,并且看起来会非常简洁.另外,创建带有更多输入更大的表单,也会更容易. Angul…

原生button控件,在非ie浏览器下,如果不指定type,默认为submit类型.如果不想自动提交表单,指定type=“button”…

form表单中如果存在button的话,有可能会出现一个问题:点击button,触发了页面的自动刷新事件. 原因是因为<button>标签默认的类型是submit,即默认的button点击就会触发表单的提交事件. <button></button> <!-- 两者是相当的 --> <button type="sumbit"></button> 解决的办法有三个. 1.在<button>标签中添加属性ty…

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

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