`

form表单的submit()方法不会调用onsubmit事件,不会校验

    博客分类:
  • js
阅读更多

<form id="form1" name="form1" method="post" action="a.html" onsubmit="return check()">

   …………………………

   ---------------------

<td colspan="3"><input type="button"  onclick="this.form.submit()"value="查询" />

</form>

 

 

 this.form.submit() 不会触发 form表单的onsubmit事件

可以这样写:

<input type="button" onclick="if(this.form.fireEvent('onsubmit')==false){return};this.form.submit();" value="查询"/>

 

注:

1.fireEvent触发事件
2.attachEvent绑定事件
3.cancelEvent取消事件冒泡

 

分享到:
评论
2 楼 微雨骑驴入剑门 2011-01-24  
感谢,解决了我的一个问题
1 楼 JavaStudyEye 2010-11-29  
太有才了 不错 不错支持

相关推荐

    submit表单提交,onsubmit验证拦截

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

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

    表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交。可以使用elemForm.submit();方法触发表单提交。1、表单元素中出现了name=”submit”的元素这种情况下elemForm.submit();将不会触发表单提交...

    表单Form的submit事件不响应

    当用JS调用form的方法submit直接提交form的时候,submit事件不响应。为什么?知道的请回复。类比一下,我用input.select()做了测试,却能响应select事件。这个原因先放一边,我们看看先怎么把眼下的问题解决了。不...

    JS验证页面form表单数据,齐全

    在form表单上添加一个提交事件调用验证数据方法 &lt;form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);"&gt; 请输入正确的手机号!" requiremsg="移动电话不能为...

    JS定义网页表单提交(submit)的方法

    本文实例讲述了JS定义网页表单提交(submit)的方法。分享给大家供大家参考。具体如下: 这段代码表示网页表单提交时不是提交到指定的页面,而是执行一个特定的函数 [removed] function saveInfo() { localStorage...

    动态设置form表单的action属性的值的简单方法

    form表单: &lt;form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"&gt; javascript方法: [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] ...

    Form表单的action和onSubmit示例介绍

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

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

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

    jsp表单验证汇总

    }}&lt;/script&gt;&lt;form name=a onsubmit="return test()"&gt;&lt;textarea name="b" cols="40" wrap="VIRTUAL" rows="6"&gt;&lt;/textarea&gt;&lt;input type="submit" name="Submit" value="check"&gt;&lt;/form&gt; 2. 只能是汉字 (/[^\u4E00-\u9FA...

    IE7以下不兼容JS的onsubmit方法

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

    jQuery EasyUI API 中文文档 – Form表单

    Form 表单 用法 代码如下: &lt;form id=”ff” method=”post”&gt; … &lt;/form&gt; 使 form 成为 ajax 提交的 form 。... 代码如下: // 调用 form 插件的 ‘submit’ 方法来提交 form $(‘#ff’).

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

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

    Angular模板表单校验方法详解

    本文实例为大家分享了Angular模板表单校验的方法,供大家参考,具体内容如下 1. 创建指令 ng g directive directives/mobileValidator  2. html &lt;form #myForm=ngForm (ngSubmit)=onSubmit2(myForm.value, ...

    JavaScript 完成注册页面表单校验的实例

    关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个 返回值。 onsubmit = return checkForm() 2、完成注册页面表单校验 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

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

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

    通用JS表单验证

    &lt;form name="formname" onSubmit="return validateForm(this)"&gt;&lt;/form&gt; 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。 2、空值验证 表单中任意域加上...

    JSValidation-----强大而灵活的表单客户端验证框架

    &lt;br&gt;恰恰相反,JSValidation内部结构虽然不太简单(对用户而言),但是调用方式却极其简单,配置好环境后,只需要在需要验证的表单的HTML标记中加上onsubmit="return doValidate('formId')"即可。这并没有改变...

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

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

Global site tag (gtag.js) - Google Analytics