`

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  
太有才了 不错 不错支持

相关推荐

    原生JS经典小项目-form表单校验

    2. 监听`onsubmit`事件:在表单提交时执行校验函数。 3. 实现校验函数:遍历每个需要校验的表单元素,调用`checkValidity()`,并处理不符合规则的输入。 4. 显示错误信息:当校验失败时,可以通过修改元素的`title`...

    js校验表单后提交表单的三种方法总结

    当点击提交按钮时,如果表单内配置了`onsubmit`属性,就会触发相应的JavaScript事件,可以在这个事件中调用校验函数,并根据函数的返回值决定是否允许表单提交。 ### 具体方法实现 #### 方法一:使用onclick事件...

    JavaScript阻止表单提交方法(附代码)

    JavaScript阻止表单提交是通过事件处理和返回值控制实现的,常用的方法包括使用`event.preventDefault()`或在`onsubmit`中返回`false`。同时,结合JavaScript的表单元素访问和值验证功能,可以实现复杂的表单数据...

    jsp表单验证

    - `onsubmit`事件绑定到`validate_form`函数,用于在表单提交前执行验证操作。 - `method`属性设置为`post`,意味着表单数据将以HTTP POST方式发送。 - 表单包含一个文本输入框(`...

    身份证算法(二)和表单验证

    在这个例子中,我们为表单添加了一个`onsubmit`事件处理器,调用`validateForm`函数进行验证。如果验证失败,函数会返回`false`阻止表单提交。 综上所述,通过正则表达式和JavaScript,我们可以有效地实现身份证...

    JavaScript + 正则式实现表单参数校验

    JavaScript可以监听这些元素的`onsubmit`、`onchange`等事件,实现实时或提交前的数据校验。 ```javascript document.getElementById('myForm').addEventListener('submit', function(event) { event....

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

    在HTML中,&lt;form&gt;元素有一个非常重要的属性叫onSubmit,它允许我们在表单提交之前调用一个JavaScript函数。这个函数在提交过程中返回true或false来决定是否继续提交。如果返回true,表单正常提交;如果返回false,则...

    AngularJS实现表单手动验证和表单自动验证

    比如,在上述示例中,`ng-submit`指令将调用`onSubmit`函数,传入`theForm.$valid`作为参数,只有当表单有效时,才会执行提交操作。 ```javascript function myCtrl1($scope) { $scope.onSubmit = function(is...

    react-form:用于表单验证的react组件

    React Form通过提供一套API和生命周期方法,使得开发者可以方便地与表单控件进行交互,捕获用户输入,同时在用户提交表单时执行验证。 React Form的核心概念包括以下几个部分: 1. 表单状态管理:React Form允许...

    表单验证器

    3. **监听表单事件**:监听表单的`submit`事件,当用户尝试提交表单时,阻止默认的提交行为,然后逐个验证表单字段。 4. **执行验证**:遍历表单中的所有字段,读取自定义属性,调用相应的验证函数,如果验证失败,...

    js验证表单 js验证表单

    2.8:form文本域的通用校验函数 */ 1. 长度限制 function test() { if(document.a.b.value.length&gt;50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } &lt;form name=a onsubmit="return ...

    JS两种类型的表单提交方法实例分析

    在这里,`loginForm()`函数负责验证,如果验证通过,则调用`submit()`方法来提交表单。与前一种方式不同,这种方法下,我们不能在`onsubmit`属性中设置验证函数,因为即使`loginForm()`返回`false`,表单也会被提交...

    javaScript表单验证

    JavaScript 表单验证是前端开发中的一个常见需求,它能够帮助开发者在用户提交表单前进行数据校验,从而避免不必要的服务器请求并提升用户体验。本文将详细介绍几种常见的JavaScript表单验证方法,包括但不限于长度...

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

    2. **绑定校验函数**: `checkForm()`是我们的校验函数,它将在表单提交时被调用。为了阻止非法数据的提交,我们需要在函数中返回`false`。 3. **获取用户输入**: 使用`document.getElementById`获取表单元素的值,...

    JS表单验证类

    当用户填写表单时,对应的事件(如onsubmit、onchange等)会被触发,然后执行相应的验证函数。这些函数会检查输入值,并根据预定义的规则判断是否合法。如果输入不符合要求,可以使用DOM操作改变元素样式或显示错误...

    js验证输入不能为空

    在上述代码中,`validateForm()`函数将在用户尝试提交表单时被调用。如果该函数返回`false`,则表单提交将被阻止。 接下来,我们编写`validateForm()`函数来检查输入是否为空: ```javascript function validate...

    JS验证表单大全JS验证表单大全

    在示例代码中,通过`onsubmit`事件监听器调用`test()`函数来检查表单中的`textarea`元素值是否超过50个字符。如果超过,会弹出警告框并阻止表单提交,同时使`textarea`获得焦点。 ```html function test() { if ...

    javacript表单验证

    ### JavaScript表单验证知识点 #### 一、表单验证的重要性及背景 在现代Web开发中,表单验证是一项至关...通过这些技术,开发者可以在用户提交表单之前对数据进行有效的校验,从而提高用户体验并确保数据的准确性。

    JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】

    - `RegCheck` 函数是一个通用的表单验证函数,它根据表单控件的`checktype`属性来调用相应的验证方法。 - `NumRegCheck` 函数用来验证数字格式,支持长度范围的验证。 - `IdCardRegCheck` 函数对身份证号码进行验证...

    校验邮箱地址

    在此HTML文件`校验邮箱.html`中,我们可以看到一个简单的表单,用户输入邮箱地址后,当点击“提交”按钮时,`validateEmail()`函数会被调用,如果邮箱地址无效,表单不会被提交。 此外,还可以使用HTML5的内置`...

Global site tag (gtag.js) - Google Analytics