js触发form的submit

2024-10-11

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

<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,用户正与它交互(它是当前焦点),用户只需要按一下键盘

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

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

第十七篇 JS验证form表单

JS验证form表单这节课做一个实际的,项目里会遇到的东西,例如登录页面,我们输入‘用户名’和‘密码’或者‘手机号’还有‘验证码’等等,它都会做一个前端验证,比如验证码,是6位有效数字组成,那么用户输入了汉字.字母.下划线.特殊符号等,我们就可以直接给他一个错误提示,表单也就停止提交,格式必须正确才能提交,做一个判断限制,让别人的操作跟着我们走,而且还能增强安全性!同学千万不要认为这种判断没用,你想想,如果用户发送手机短信验证,他的手机号格式输入错了,但是自己没发现,并且他的这个格式,我们

ASP.Net MVC跳转，分为form的submit提交跳转和ajax跳转

1,用jquery ajax跳转的话,需要在前台用window.location("跳转网址")来跳转,在success后使用 2,用原声的form的submit来跳转,如下图 3,上面一段js+html也可用js来代替,如下关于跳转的一些方式,大家有哪些意见和建议,可以在下面留言,欢迎讨论最近在研究node.js,觉得这东西很牛逼,但是不知道对于我现在的小项目来说,能不能用,怎么用,用起来怎么样,还有我在学习xojo,听说这个是高度封装,好处就是少写代码,坏处就是无法更多的自由,

jquery的validate.js 和 form.js 的使用方法

在使用 Jquery 的方法的验证并且修改原Form 表单的提交方式的时候,需要引用的文件有 <script type="text/javascript" src="js/jquery-1.8.3-min.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <

js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填提交地址 * methond 选填默认post 提交方式 post get * target 选填默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { va

【jquery采坑】Ajax配合form的submit提交（微擎表单提交，ajax验证，submit提交）

1.采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交 1/1 目的:可以实现以 from的submit提交,然后还能进行数据的ajax动态验证. 2.html: <form class="form-horizontal" method="post" role="form" onsubmit='return check()'> <button t

认真研究下HTML之id、name、form、submit

#起因同事希望在提交之后关闭父窗口,但是,始终没有提交请求发出.他的代码大概如下: // <form id='f' action=... // <button onclick='fun()'>... fun(){ $('#f').submit(); window.parent.close(); } 运行结果是,“直接关闭,没有提交”. 在建议他用Ajax提交的同时,又好奇为什么会这样,于是测试了下,发现规律很简单: form的submit动作是在所有动作之后执行的,类似于在Java中的

JS 提交form表单

源码实例一:javascript 页面加裁时自动提交表单Form表单:<form method="post" id="myform" action="a.php"><input type="submit" value="提交表单"></form> javascript 代码:<script type="text/javascript">fu

js验证form表单示例

js验证form表单示例检测测试了js表单验证,无jQuery(简单的功能有时无需jQuery版本) js代码如下: <script type="text/javascript"> function S(ba, hZ) { try { return (hZ && (hZ.document || hZ) || document).getElementById(ba); } catch (cg) { return null; } } var show =

egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名

egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名评论:10 · 阅读:8437· 喜欢:0 一.需求二.CSRF 校验三.通过 form 表单上传文件四.通过 ajax 上传文件五.自定义文件上传目录一.需求 egg.js 的文件上传个人觉得很一般,内置的 multipart 插件并不怎么好用. egg-multipart 也是基于 co-busboy 实现的. egg 官方给的文件上传的示例地址: https://github.com/eggjs/e

layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法

ayui使用官方的表单模块form.on('submit(sub)',function (){}) 提交,使用ajax请求向后台请求一个执行结果,根据结果进行处理,出现回调无法执行,并且页面出现了刷新之前也遇到过这个问题,直接使用将form标签修改成了div,通过jquery为提交按钮添加点击事件,而不用submit提交表单. 今天在为毕设添加修改密码的功能的时候,再次遇到了这个问题,刚好有点空闲,决定找出真正的原因. 首先,debug服务端逻辑,发现能正常取值,返回值也是正常之后,检查aj

解决Yii ActiveForm监听submit触发2次submit

今天用yii框架的ActiveForm需要一个奇怪的问题,点击表单提交时会触发两次submit 产生问题的原因: form挂了2次submit事件,一次是yii activeform自带的,一次是我写的. yii activeform自带的会再次触发submit事件. 解决办法: 在自己的submit事件里面,遇到需要停止submit的时候调用 $("#report_version_check").data('yiiActiveForm').validated = true; 使yii

用js触发CSS3-transition过渡动画

用js触发CSS3-transition过渡动画经过这几天的工作,让我进一步的了解到CSS3的强大,原本许多需要js才能实现的动画效果,现在通过CSS3就能轻易实现了,但是CSS3也有自身的不足,例如说在动画出发触发上就没有js灵活,因此我就开始考虑将CSS3与Js结合使用. 不过要注意CSS3属性兼容性问题平时我们直接使用transition动画一般是这样的鼠标放置在div方块上触发动画效果(鼠标悬浮div上即可触发) <!DOCTYPE html> <html> <

js触发按钮点击事件

js触发按钮点击事件博客分类: javascript 模拟JS触发按钮点击功能 <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById(&q

js 触发select onchange事件

select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,本文为大家介绍下使用js触发select onchange事件select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件. 例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById("province&quo

EasyUI form ajax submit到MVC后，在IE下提示下载内容的解决办法

问题描述: 项目环境为,.Net Mvc5+EF6……前端框架使用的是EasyUI v1.4.4. 在视图页面中,使用form的submit方法提交表单数据时,如果是使用IE的话,请求成功后IE会提示下载内容,关于这个下载内容,则是由于IE默认的Content-Type为text/html,而我们喜欢用的Google浏览器默认的Content-Type为application/json. 解决办法: 那么根据以上的问题描述,我们可以在返回数据之前设置返回的Content-Type为text/

转载：JS触发服务器控件的单击事件

原文地址:http://blog.csdn.net/joyhen/article/details/8485321 <script src="../Js/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#a_doClick").cli

JS触发服务器控件的单击事件

js触发form的submit

热门专题