首页 > Web开发 > 详细

HTML事件处理程序的返回值

时间:2020-01-17 11:12:37      阅读:115      评论:0      收藏:0      [点我收藏+]

基本语法:在form表单中加入onsubmit="带返回值的函数";

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function showName(){
if(document.form1.name1.value==""){
alert("没有输入内容");
return fasle;
}else{
alert("欢迎你"+document.form1.name1.value);
return true;
}
}
</script>
</head>
<body>
<h4>事件处理程序的返回值应用</h4>
<form action="shijanchuli.html" name="form1" onsubmit="return showName();">//这里为form表单设置名称与function函数中的名称对应
姓名://这里onsubmit="return showName();如果为true则跳转到"shijanchuli.html"  若为false则不跳转
<input type="text" name="name1"/><br>//这里的name值也与function函数中的name对应
<input type="submit" value="提交"/>
</form>


</body>
</html>

事件处理程序的返回值的作用就是对form表单的内容进行提取转化为提示显示在浏览器界面,也是一种对HTML的一种限制。

效果如下:

 

技术分享图片

输入姓名后点击提交

技术分享图片

点击que‘di

技术分享图片技术分享图片

HTML事件处理程序的返回值

原文:https://www.cnblogs.com/lianggegege123/p/12203998.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!