HTML事件处理程序的返回值

基本语法:在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

posted @ 2020-01-17 01:09  程序员亮亮丫!!  阅读(716)  评论(0编辑  收藏  举报