js设置form的onsubmit事件

本文介绍了两种阻止HTML表单提交的技术:一是通过在form标签中设置onsubmit属性调用check()函数;二是直接在JavaScript中为指定的form元素绑定onsubmit事件。这两种方法都能有效阻止表单默认提交行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



[javascript]  view plain copy
  1. document.getElementById('myform').onsubmit = function(e) {  
  2.     var e = e || window.event;  
  3.     if (e.preventDefault) e.preventDefault();  
  4.     else window.event.returnValue = false;  
  5. }  

一种是在html代码form标签中写<form onsubmit="return check();" ...>,然后在js文件中定义好check()函数;另一种就是上面代码那样,直接在JS中绑定指定form元素的onsubmit事件。

两种方法的区别就是前一种只要check()函数返回false就能阻止表单提交,后一种需要通过 event.preventDefault() (标准浏览器)或者 window.event.returnValue = false; 来阻止表单提交。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值