javascript中的submit与onsubmit事件解析
2013-09-26 06:51
169 查看
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环境)
直接用脚本documetn.formName.submit()提交表单是不会触发表单的onsubmit()事件的
-->
<input type="button" id="bb1" value="onclick_onsubmit" onclick="document.forms[0].onsubmit()">
<!--会触发fun()函数-->
</form>
相关文章推荐
- day04 onsubmit事件 XML的简介,语法,DTD约束和解析
- 表单的onsubmit事件与JavaScript的return
- 表单的onsubmit事件与JavaScript的return
- Form onsubmit 事件 阻止表单提交() 必须选中同意选项才可以提交
- 解析Javascript事件冒泡机制
- js设置form的onsubmit事件
- javascript form onsubmit中的return 后面跟一个函数,其中return 起什么作用
- 解析JavaScript的事件机制
- 第二十八课:focusin与focusout,submit,oninput事件的修复
- javascript onsubmit本页面验证form表单后提交
- 解析javascript 浏览器关闭事件
- JavaScript基础 submit按钮配合form的onsubmit实现表单的提交与验证
- JavaScript----onmouseover,onmouseout 事件
- form的onsubmit事件--表单提交前的验证最佳实现方式
- Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
- 使用javascript的onsubmit进行表单合法性验证
- javascript 事件委托 和jQuery事件绑定on、off 和one
- form的onsubmit事件--表单提交前的验证最佳实现方式
- javascript event 事件解析
- 【js与jquery】html中onsubmit事件的用法