`
liboxlu
  • 浏览: 63262 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

onsubmit函数触发事件

阅读更多
今天调试js时遇见一问题,form的onsubmit属性中的方法在提交时没反应?于是直接Google了解onsubmit方法的触发事件,总结如下:
onsubmit属性的触发必须是在form中用input并且type=submit这样的button提交时才会触发,否则不会触发。
而在官方文档上也找到了如下说明:
The submit method does not invoke the onsubmit event handler. Call the onsubmit event handler directly. When using Microsoft® Internet Explorer 5.5 and later, you can call the fireEvent method with a value of onsubmit in the sEvent parameter.
而我的代码中没有触发onsubmit方法正是由于我是用自定义的按钮提交form.submit()方法,所以如果要触发,必须手动将onsubmit要执行的函数放置在form.submit()之前
分享到:
评论

相关推荐

    javaScript常用事件

    7.onSubmit事件:属于表单元素,写在表单标签内。语法:onSubmit=”return 函数名()” 8.onKeyDown事件:在输入框中按下键盘上的任何一个键时,都会触发事件,调用函数。注意:此事件写在方法的外面,且函数名(方法...

    表单元素的submit()方法和onsubmit事件应用概述

    表单元素拥有submit方法,同时也具有onsubmit事件句柄...不会触发表单的onsubmit事件没有为什么,标准中就是这么规定的。与此有些类似的是onfocus、onblur和focus()、blur()之间的关系却不同,调用elem.blur()或elem.fo

    IE7以下不兼容JS的onsubmit方法

    IE6、IE7不支持在Javascript中调用form对象的onsubmit方法,本方法用于兼容IE6、IE7下对onsubmit方法的支持,各大浏览器均测试过。

    submit表单提交,onsubmit验证拦截

    submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求

    详解js的事件处理函数和动态创建html标记方法

    Form事件,由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):常用的为onblur、onfocus、onselect、onsubmit。  c. keybord事件  d.Mouse事件,由鼠标或类似用户动作触发的...

    JavaScript事件使用示例

    onload事件 ,onclick事件,onblur失去焦点事件,onsubmit表单提交事件的使用示例

    解决layer.confirm快速点击会重复触发事件的问题

    今天小编就为大家分享一篇解决layer.confirm快速点击会重复触发事件的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    Form表单的action和onSubmit示例介绍

    第一:action是form的属性,html5已经将其定义为必需的属性值,onSubmit为事件,通过<input type=submit />提交时进行一个函数验证。。 第二:要说执行的先后顺序,个人理解是onSubmit在先,先验证,验证返回...

    form的OnSubmit和input type=image使用介绍

    如果有OnSubmit会先执行这个函数,如果返回false则不提交表单! 复制代码代码如下: [removed] function test() { alert(“测试!”) } [removed] <form name=”F1″ onSubmit=”fuck();”> <input ...

    react-auto-form:使用DOM表单API简化了通过onChange和onSubmit事件从表单获取用户输入的过程

    React<AutoForm> <AutoForm> 组件,它简化了通过其onChange事件和表单的onSubmit事件从其包含的表单输入中获取数据的操作,可以选择修剪文本输入。安装npm install react-auto-formimport AutoForm from 'react-auto...

    javascript事件模型介绍

    其事件类型:分为”输入事件(如onclicki)”和”语义事件(如onsubmit)” 事件程序的注册可以以下几种方式: 1、JS代码作为HTML性质值 复制代码 代码如下:<input type=”button” value=”Press me” onclick=”...

    JS表单提交验证、input(type=number) 去三角 刷新验证码

    进行表单的提交才会触发form的onSubmit事件,如果是通过button的onclick事件进行表单提交则不会触发form的onSubmit事件 2、 onSubmit事件的正确写法是:<form action="" method="post" onsubmit="return check...

    深入理解JS的事件绑定、事件流模型

     onload/onunload/onsubmit/onresize/onchange/onfoucs/onscroll 3.键盘事件:  keydown:键盘按下时触发  keypress:键盘按下并抬起的瞬间触发。  keyup:键盘抬起触发 [注意事项] ①执行顺序:keydown ...

    onsubmit=return checkAll()保存但能运行

    onsubmit=return checkAll()保存但能运行 myeclisep1.0

    js form 验证通用函数

    js form 验证通用函数 例子 onsubmit="checkField(this)" 请选择问卷题目!" name="field0"> <span id="field0Msg" style="color:red"></span>

    浅析onsubmit校验表单时利用ajax的return false无效问题

    代码如下:/** * 表单提交校验 **/function onSubmit(){ if($(‘#name’).val().length<2){ alert(“名称请不少于两个汉字”); return false; } var t = new Date().getTime(); $.ajax({ type: ...

    JavaScript详解(第2版)

     13.6.6 表单和onSubmit事件处理函数   13.6.7 HTML事件处理函数和JavaScript事件方法   13.6.8 onError事件   13.7 event对象   13.7.1 捕获和冒泡(滴漏和冒泡)   13.7.2 事件对象属性   13.7.3...

    onsubmit阻止form表单提交与onclick的相关操作

    return false会阻止表单提交,基本上关于onsubmit=return false有以下几点要注意的地方,学习后台编程的朋友一定要知道。

    28个JS验证函数收集

    给表单设置onsubmit=”return test()”,配合<input type=”submit” name=”Submit” value=”check”> 进行提交. 2.<input type=text onkeydown=”test();”> //当鼠标按下直接调用函数验证 3.<...

Global site tag (gtag.js) - Google Analytics