您当前的位置: 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亚游集团,赛后,大赛将结合各赛区比赛结果,择优挑选初创项目组和企业成长组各20个,共计40个项目作为入围决赛的项目。届时,大赛组委会将组织相关机构人员,从项目是否符合参赛资格、项目真实性、项目的必要性和可行性及投资价值和风险等方面对这40个项目开展尽职调查,符合评定的项目将进入初定于12月底在晋江举办的决赛现场进行最后竞逐。(完)

其中,就包括一项高度保密却众人皆知的台新军事交流,由台湾提供场地、协助训练新加坡部队,因其部队在“星光演习”代号下来台进行交流,这些部队就被称为“星光部队”,该项军事交流也名曰“星光计划”。到今年,台新军事交流“星光计划”满40年。月薪过万十大冷门职业  陈春敏:只有掌握核心技术,才能“不受制于人”。即在关键技术和重点防护手段上必须有所突破,才能引领未来发展。

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
直击|吴德周:重心还在手机 锤子的创新与销量不匹配 美很快要对伊朗动武?澳高官:澳协助确定轰炸目标 铁总总经理:我国高铁自动驾驶技术即将试验验证 库里再次参加高尔夫职业赛事 下周出战美巡二级赛 美国政府关门闹剧结束 看看谁是最大赢家 中国先进武器装备井喷:能公开的基本都在这里了(图) 北大院长:思维泡沫 祸害了多少中国人? 18+9的詹皇爱妃自曝复出时间!骑士内线要富了 首次冬奥李香凝看到差距 希望北京可以更进一步 男子发布“让日本再屠杀南京”极端言论 被警方刑拘 西安环卫出史上最精细考核 1㎡马路尘土不得超5克 一个选号一个跑腿 夫妻买彩三年终中双色球760万
666!火箭1招把对手带进坑 魔球原来是这样玩的 佬牛解盘:马竞坐和望赢 里奥阿维全身而退 贵人资本梁渊:料港股近期或续弱势震荡 可留意医药 广州德比一触即发!务实富力难撼恒大 阿富汗喀布尔洲际酒店遇袭致18死 塔利班认领袭击 精准打击“台独” 大陆从来不愁没牌可出 超级高铁进军贵州:会不会是下一个“巴铁”骗局? 恒大发妇女节海报祝女王青春永驻:最美风景线|图 教育部:足球操既不是校园足球也不是形式主义 全国政协委员尚红:保护青少年免受网约性行为侵害 两会知多少:全国两会上有哪些例行“报告”? 八类司法过程中陷困境未成年人将获国家司法救助
以色列证实扣留欧洲船只 称其企图突破封锁前往加沙 美媒:最后期限已过 美国“追梦者”问题仍然无解 菲总统威胁或将停止向科威特输送工人 提出一要求 持仓报告:走势难料 标普500期货投机多仓现大幅背离 美官员:蒂勒森还未与特朗普沟通 不知被解职原因 首批自动驾驶汽车合法路测 无人驾驶还有多远? 环球时报评半岛局势:不让事态变化扰乱我们思路 法乙开门红连擒高赔!俄超瑞典超赛果胜率90% 热身赛-特谢拉穆坎乔首发 苏宁0-2不敌德地区队 在家可开啥小型加工厂 过年摆地摊赚10万 谁需要钱我借他100万 养殖什么不愁销路 AG亚游集团