您当前的位置: 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亚游集团,郑州市统计局向河南商报记者披露了一项数据,自2015年10月1日至今年9月30日,税收新政实施的整整一年内,郑州市限额以上汽车销售企业总销售额为641.6亿元,同比增长8.9%,但其中1.6升及以下排量乘用车累计销售额323亿元,同比增长16.1%。

  昨日,北京晨报记者来到许镜清家中,一间10多平方米的小客厅里摆着一对竹椅,旁边是一间卧室,写字台上堆满纸笔和乐谱,布置简单。许镜清身着浅蓝色衬衫,一副眼镜,年过七旬的他精神矍铄,爽朗健谈,举手投足像个年轻人。笨蛋也能年赚100万txt湖北恩施州巴东县辛家煤矿有限责任公司(注册地址:湖北恩施州巴东县茶店子镇;注册号码:422800000027891),2016年12月5日,该企业发生瓦斯突出事故,造成11人死亡。目前,湖北煤矿安全监察局正在对该起事故进行调查处理;

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
美油升破70美元页岩油厂商已赚翻?小心引爆油价下跌 男子抢劫滴滴司机开走车 十余分钟后撞车身亡(图) 林志杰盖掉2米20李慕豪!36岁的野兽也是野兽 整改中的快手、今日头条:暂停新用户发布短视频 郭台铭:没投马云确实看走眼 乔布斯是终生偶像 第十四届全国冬季运动会会徽、吉祥物揭晓 奥斯卡当选亚冠小组赛第2轮最佳球员 瓜林第3 沙特公主让保镖殴打工人:杀了这条狗 他不配活着 这些年 航天员追过的天宫一号(图) Microchip获中国反垄断当局批准收购Micros… 足协宣布再征调国安权健两将:张鹭于洋入围国足 2019美国国防授权法案对中俄措辞强硬 还提及台湾
关于威少你不知道的十件事 高三才被校队邀请 重庆一公司原董事长贪污案开审:侵吞资产一千余万 伯克希尔公布一季度末持仓:持苹果约5%股份 清仓IBM 游戏界“分庭抗礼”局势:Steam入华 WeGame出… 美商务部长称中国加征关税只占美国GDP0.3% 没威胁 中国财富管理渐显“数字化”趋势 三大困境仍待解决 西甲详细赛程:8月19日开战 皇马巴萨3月再战 三亚市长首回应春节后现“天价机票”:机场要扩容 杜特尔特友华政策获\"前任\"力挺:中国不是竞争对手 二选一致女装品类负增长?京东推分层激励吸引品牌方 国际田联维持俄罗斯参赛禁令 最早或于12月解除 印媒妄称中马联合海洋观测背后隐藏更大的军事用途
五大行一年流失2.7万员工 银行人的希望在哪里? 崔连杰任军事科学院军队政治工作研究院政委(图) 世卫组织邀大家参会 台当局恼羞成怒呛声:没喊我 江苏疾控部门:涉事问题疫苗未流入该省 十九届中央第一轮巡视展开 7位新“钦差”啥来头? 孙宏斌从乐视网裸辞 曾表示“有时候要愿赌服输” 巴西教练组将观战国安战恒大 鲁能铁卫也将考察 Microchip获中国反垄断当局批准收购Micros… 黄山松喜迎四海棋手 2018全国国象棋协大师赛开幕 手机挂机软件一小时5元 拿回家做的手工活大批 白手起家的成功案例 加盟什么店最赚钱 AG亚游集团