您当前的位置: AG亚游集团 > 前端教程 > HTML教程 > FORM表单中onclick()、submit()与onsubmit()的问题

FORM表单中onclick()、submit()与onsubmit()的问题

作者:xiaoxiao 来源:未知 发布时间: 2013-10-24 09:27 点击: 次
最近遇到一次处理form数据的过滤,采用了button的onclick事件来检查,发现return false后表单仍然提交了。 于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别 onsubmit: You can override this event by returning false in the event handler. Use

AG亚游集团,  ZDNet China 3月4日北京消息:惠普星期二宣布,将收购英国的FH电脑公司,这是一家从事管理和许可软件研制的公司。

  其中一位姑娘不禁感慨:“唉,年轻就是好,连这么高冷的男神都能撩到手。我看,我们这辈子是没指望学会这本事了。”养100只肉狗投资多钱  闭幕式举行前,“2015国际军事比赛”进行了最后一项赛事——“坦克两项”的总决赛。俄罗斯、中国、塞尔维亚和塔吉克斯坦分别取得了第一至四名。

FORM表单中onclick()、submit()与onsubmit()的问题

      最近遇到一次处理form数据的过滤,采用了button的onclick事件来检查,发现return false后表单仍然提交了。
  于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别

   onsubmit:
  You can override this event by returning false in the event handler.
  Use this capability to validate data on the client side to prevent invalid data from being submitted to the server.
  If the event handler is called by the onsubmit attribute of the form object,
  the code must explicitly request the return value using the return function,
  and the event handler must provide an explicit return value for each possible code path in the event handler function.
  The submit method does not invoke the onsubmit event handler.
  submit:
  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.

  首先生成一个form

   <form action="#" method="POST" name="A" onsubmit="return X();">
  <input type="text" value="" />
  <input onclick="Y()" type="submit" value="提交" />
  </form>

  自己写X()、Y()函数,我们会发现,这几个函数的执行顺序
  1) onclick: Y();
  2) onsubmit: X();
  3) submit();
  也就是说
  只要 onclick 未 return false 那么就继续执行 onsubmit
  只要 onsubmit 未return false 那么表单就被提交出去了
  另外一点写法上注意一定要 “return X();” 才能取得函数的返回值,否则只是调用函数,返回值未被传递
  正确写法:
  <input type=submit onclick=”return X();”>
  /X() 返回false后,form的submit会被终止
  错误写法:
  <input type=submit onclick=”X()”>
  /X() 返回false后未传递给onclick事件,form的submit会继续

分享到:
本文"FORM表单中onclick()、submit()与onsubmit()的问题"由远航站长收集整理而来,仅供大家学习与参考使用。更多AG亚游集团尽在远航站长站。
顶一下
(3)
100%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 广告合作 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(AG亚游集团). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类AG亚游集团.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4
博思杯亲缘赛江铸久芮乃伟夫妇二连胜 夺冠在望 男子醉驾肇事后逃逸 冲进交警大队门口死胡同被擒 东南第一帅砍30分+准绝杀!热火靠他虐总冠军 关键节点突换国务卿 特朗普外交政策如何变 王毅:朝鲜半岛的和平安宁与中俄两国利益息息相关 侠客岛:副总理刘鹤的四句大白话 句句有所指 车钥匙上这几个秘密 很多人开到报废也不知道 南非宣布召回驻以大使 抗议以军在加沙地带行动 陈耀烨:自己状态调整的不错 其余选手也都很强 张建民任国家烟草专卖局局长 陈杰任同济大学校长 一张微信截图就能让你倾家荡产?别传了真相在此 拒绝滑坡!权健主场实现完美复仇 险些送全北惨案
台扩建燃煤电厂岛内人怒了 蓝营:蔡英文带头放火 巴尔韦德:巴萨离夺冠就差5场 到收割的时候了 欧盟向报复美国钢铁关税的方向迈出下一步 俄军称将动用图160战略轰炸机保卫北极 世界首台全自动干细胞诱导培养设备诞生 由中国造 英特尔第二季度营收170亿美元 净利同比增78% 亚马逊面部识别闹笑话:将28名美国议员识别为罪犯 中国男子职业赛全年将超20站 李今亮:巅峰未来可期 雄安新区今年要完成55752套“棚改”开工任务 日本男子高价出售东京奥运伪纪念币 称从中国网购 5月18日上市公司晚间公告速递 马哈蒂尔重掌大马 当地华人:望继续推进一带一路
人民日报:App索要权限不能任性越界 夫妻入住后发现买到凶宅 向卖家和中介索赔140万 大数据揭示了巴菲特为什么那么乐观 奥特莱斯商场运营商砂之船在新加坡提交招股书 全队最高分+6抢断!湖人旧将把雷霆变成骑兵连 摩拜面临站队难题:美团搅局阿里系猛扑 运营模式难解 束昱辉赛前给队长发鼓励短信 张鹭:伟大的对手 波音、空客14年恩怨 为特朗普打开制裁欧洲大门 中超-神剧!神仙球!三球领先险绝平 泰达3-2一方 什么项目前景好 拿回家做的手工活大批 如何创业白手起家 2017做什么生意有前景 AG亚游集团