表单被重置(重置按钮被点击)时发生时会触发 onreset 事件。
下面的例子演示了在用户点击重置按钮时,弹出消息确认框进行确认,如果点击否,则不重置表单:
<html>
<head>
<script type="text/javascript">
function checkReset(){
if ( !confirm("确认重置表单吗?")){
return false;
}
}
</script>
</head>
<body>
<form name="testform" onreset="return checkReset();">
<p>
您的名字:<input type="text" name="your_name" value="输入您的姓名" onfocus="this.value=''" />
<input type="reset" value="重置表单" />
</p>
</form>
</body>
</html>
您可以在下面试试本例子效果: