submit与onsubmit(转)

发生顺序:onsubmit -> submit

1.阻止表单提单:

<script>
function submitFun(){
    //逻辑判断
    return true; //允许表单提交
    //逻辑判断
    return false;//不允许表单提交
}
</script>
<form onsubmit="reture submitFun();"> //注意此处不能写成 onsubmit="submitFun();"否则将表单总是提交
</form>

2.onsubmit()与submit() :

<script>
function fun()
{
   alert("form_submit");
}
</script>

<form onsubmit="fun()">
<input type="submit" id="aaa" value="submit">   <!--能弹出form_submit-->
<input type="button" id="bbb" value="onCliCk_submit" onCliCk="doCument.forms[0].submit()">
<!--
表单会提交,但是不会运行fun() 原因是 onsubmit事件不能通过此种方式触发(在IE环境)
直接用脚本doCument.formName.submit()提交表单是不会触发表单的onsubmit()事件的
-->
    <input type="button" id="bb1" value="onCliCk_onsubmit" onCliCk="doCument.forms[0].onsubmit()">

<!--会触发fun()参数-->
</form>

时间: 2024-10-11 03:04:44

submit与onsubmit(转)的相关文章

form的submit与onsubmit的用法与区别

submit与onsubmit 发生顺序:onsubmit -> submit 阻止表单提单: <script>         function submitFun(){             //逻辑判断             return true; //允许表单提交             //逻辑判断             return false;//不允许表单提交         }     </script>    <form onsubmit=&

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

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

表单的提交onsubmit事件

看代码 留个记录: <script> function func(){ alert('false'); return false; } </script> <div> <form onsubmit="alert(23);return false;"> <input type="text" name="zhang"/> <!--会触发onsubmit 事件 不会继续提交-->

FORM表单 onclick()与onsubmit()

FORM表单中onclick().submit()与onsubmit()的问题 最近遇到一次处理form数据的过滤,采用了button的onclick事件来检查,发现return false后表单仍然提交了. 于是仔细研究了下onclick.onsubmit.submit集合函数之间的关系和区别 1 2 3 4 5 6 7 8 9 10 11 12 13 onsubmit: You can override this event by returning false in the event h

onsubmit解惑

1.onsubmit的位置: onsubmit只存在于html <form>中,js的form中 2.submit与onsubmit的区别 发生顺序:onsubmit -> submit 2.1 阻止表单提单: <script>function submitFun(){    //逻辑判断    return true; //允许表单提交    //逻辑判断    return false;//不允许表单提交}</script><form onsubmit=

vue实例整理1

一 介绍 (1)       声明式渲染, 文本插值 <div id="app"> <p>{{message}}</p> </div> <script src="scripts/vue.js"></script> <script> new Vue({ el:'#app', data:{ message:'Hello Vue.js!' } }) </script> (2) 

react与vue

vue的选择居于react与angular之间,框架自身的语法比react多一点,但是又比angular少一点. 也正是由于选择的不同,所呈现出来的写法与思考方式就一定会有所差异,不论优劣,但肯定会导致不同的偏好. react的简单在于,它的核心API其实非常少.所以我们会看到很多地方在说react其实是一个UI库,并不是一个完整的框架.他只是告诉我们如何创建组件以及组件之间如何进行数据传递.甚至于创建组件的方式正是使用ES6的class语法(createClass将会在react 16被丢弃)

vue学习笔记(一)关于事件冒泡和键盘事件 以及与Angular的区别

一.事件冒泡 方法一.使用event.cancelBubble = true来组织冒泡 <div @click="show2()"> <input type="button" value="按钮" @click="show1($event)"> </div> methods:{ show1:function(ev){ console.log(ev); alert(1); ev.cancelB

jquery easyui 验证

今天工作的时候,遇到个比较简单的问题,就是验证问题.在jquery easyui里验证都是用正则表达式 写在一个公共的js里,这样在data-options里的validType[]调用就可以.但是今天却出事情了. 以前的项目模块当表单提交的时候都是调用公用方法domysave(),用了很久所以没注意里面具体是怎么调用的.今天写一个模块突然改变了传值的方式和后台传过来的数据模式也不一样,所以就得用api里的form 表单提交一点点写了: $('#ff').form('submit', { url