form.submit不出发onsubmit事件

javascript form提交不执行onsubmit事件解决方案

转载自:https://www.cnblogs.com/lorgine/archive/2011/03/30/2000284.html 今天做项目过程中,需要用到javascript提交form到后台,同时我也需要在提交后台之前执行onsubmit事件. 弄了半天也没有解决,然后无意中调试出来了.然后分析源码,现在把解决方案公布出来,给大家一个参考. 核心javascript原理如下 <script type="text/javascript"> //<![CDATA

表单元素的submit()方法和onsubmit事件

1.表单元素中出现了name="submit"的元素 2.elemForm.submit();不会触发表单的onsubmit事件 3.动态创建表单时遇到的问题表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交.可以使用elemForm.submit();方法触发表单提交. 1.表单元素中出现了name="submit"的元素这种情况下elemForm.submit();将不会触发表单提交,因为表单原始的submit方法将会被覆盖(

表单元素的submit()方法和onsubmit事件(转)

1.表单元素中出现了name="submit"的元素 2.elemForm.submit();不会触发表单的onsubmit事件 3.动态创建表单时遇到的问题表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交.可以使用elemForm.submit();方法触发表单提交. 1.表单元素中出现了name="submit"的元素这种情况下elemForm.submit();将不会触发表单提交,因为表单原始的submit方法将会被覆盖(

easyui form submit 不提交

http://bbs.csdn.net/topics/390811964 function saveProduct() { //$('#fm').form('submit', { // url: url, // onSubmit: function () { // return $(this).form('validate'); // },

form的submit()方法不能触发onsubmit事件的解决方法，兼容各版本浏览器。

在处理表单提交的时候遇到一个问题,通常用<input type="submit" value="提交" />按钮来提交form,再监听form的onsubmit事件就能在前端处理表单验证的事情. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document<

form.submit 方法并不会触发 form.onsubmit 事件

做表单的时候发现一个奇怪的地方,总结下: form.submit 方法并不会触发 form.onsubmit 事件,看代码: <body> <div class="container"> <form action="http://route.showapi.com/213-1" method="POST"> <input type="text" value="ssss&qu

在 Javascript 中，为什么给 form 添加了 onsubmit 事件，为什么 IE7/8 还是会提交表单？

参考地址:http://stackoverflow.com/questions/4078245/onsubmit-return-false-has-no-effect-on-internet-explorer-7-8-form-is-still-su 我添加的代码是(取消在 form 里面写的 onsubmit): $("form[name=myform]").bind('submit',function(){ alert('handled'); return false; }); 谢

onsubmit 事件

onsubmit 事件 Event 对象定义和用法 onsubmit 事件会在表单中的确认按钮被点击时发生. 语法 onsubmit="SomeJavaScriptCode" 参数描述 SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签: <form> 支持该事件的 JavaScript 对象: form 实例在本例中,当用户点击提交按钮时,会显示一个对话框: <form name="

<input type = "submit"> 提交方式和用js的form.submit()有什么区别？

假设: A表单内有<input type="submit">,通过点击这个input来提交表单 B表单内没有<input type="submit">,而是写了一个<input type="button">,并且在这个input上绑定了click事件,在事件的监听器内用js的form.submit()提交. 1.在A表单内的某个input type=text,用户正与它交互(它是当前焦点),用户只需要按一下键盘

关于html属性中onSubmit事件属性的使用

看到一段onSubmit事件属性的例子,如下: <!DOCTYPE html> <html> <head> <script> function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == "") { alert("必须填写姓名!"); return false; } } &l

文件上传时jquery.form.js中提示form.submit SCRIPT5: 拒绝访问

利用其它控件触发file的click事件来选择文件后,使用jquery.form.js中的submit方法提交时IE报错:form.submit SCRIPT5: 拒绝访问,其它浏览器正常, <script> function fileclick(){ $("#file1").click(); } $(function(){ $("#btnSumbit").click(function(){ $("#form1").ajaxSubmi

form submit提交

form内控件参数自动添加到url后,而自定义的url参数则不能添加到url后 $('#fm').form('submit', { url: 'Data/Diary.ashx?dt=' + new Date() + '&operation=save', operation参数在后台无法得到,换一种提交方式 onSubmit: function () { return $(this).form('validate'); }, success: function (result) { $.mess

AJAX Form Submit Framework 原生js post json

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Sending forms

利用form.submit提交表单导出文件到客户端浏览器, 提示下载!

本来是想利用ajax提交json数据到服务端, 让服务端生成一个excel文件并提示客户端浏览器下载的. 但是搞了很久发现ajax方式是无法触发浏览器弹出文件下载的. 网上很多的方案都是说利用form提交, 还有就是纯客户端js去生成excel文件. 这两种方案都是可行的, 今天只演示第一种. 浏览器上展示了一堆数据, 有个按钮是导出按钮,点击后触发一个事件, 提交数据到服务端, 由服务端来生成excel文件流并提示浏览器下载! 按钮的点击: onExportExcel = () => { ..

form.submit() not a function的元凶

今天晚上学习jquery form plugin时,在明白了该插件的用法时, (1)该插件是将form的HTTP请求改为AJax请求. (2)支持像jQuery.ajax(options)一样的options. (3)可以处理mutilpart form data(文件上传) (4)只能通过通过<input type='submit'>来激发异步表单提交的. 对此我有一个疑问:想看看使用其他的方式能否激发表单的异步提交?于是写了下面的一段代码: <form id="form

form submit时将VIEWSTATE和VIEWSTATEGENERATOR一起post到另外的页面，出现验证视图状态 MAC 失败。

错误信息: 验证视图状态 MAC 失败.如果此应用程序由网络场或群集承载,请确保配置指定了相同的 validationKey 和验证算法.不能在群集中使用 AutoGenerate. 原因分析: F_App_Cux_Pro.aspx页面原代码: this.form1.action = "F_Add_App_Cux_Pro.aspx?CuxId=" +$("#CuxId").val() + ""; this.form1.submit(); 也就是

js提交表单错误：document.form.submit() is not a function

今天在写JS时,遇上这么个错误:"document.form.submit() is not a function",经过一番搜索,最终找到了修复方法. 这个错误一般是由于表单<form>-</form>中含有name="submit"时,提交时就会有冲突,这个错误常见于按钮上,如: 在Javascript做submit()的时候就会出现冲突,这时将name="submit"改成别的名字就可以了:即使不是按钮,在表单的输入

[ext]form.submit()相关说明

form.submit({ url:"../addOrUpdatePack.shtml",method:'POST',success:function(f,action) {//f是代表formalert('rpackCode:'+action.result.rpackCode) }, failure:function(f,action){ }})如果要执行success,则需要在服务器action返回

form submit 的callback方法

参考:http://hayageek.com/jquery-ajax-form-submit/ form的submit方法返回数据处理. 普通的form: $("#ajaxform").submit(function(e) { var postData = $(this).serializeArray(); //或使用jQuery.serialize()获取表单数据 var formURL = $(this).attr("action"); $.ajax( { ur

form.submit()提交后返回数据的处理

form.submit()发送请求一般是单向的,如果需要取返回的数据,一般会发送ajax请求,但是如果form中有附件呢?(以后有时间给大家分享ajax上传附件的功能),确实需要返回数据来知道该功能是否执行成功呢?我的解决方法是在form 中增加一个target属性,让其返回的数据添加到一个隐藏的iframe的控件中,返回的数据 <label for="a"> 上传附件 </label> <form id="uploadForm" en

form.submit不出发onsubmit事件

热门专题