码迷,mamicode.com
首页 > Web开发 > 详细

HTML事件处理程序的返回值

时间:2020-01-17 10:05:15      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:html   char   ret   alt   val   内容   转化   跳转   inf   

基本语法:在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事件处理程序的返回值

标签:html   char   ret   alt   val   内容   转化   跳转   inf   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!