执行效果:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.box{width: 60px; height: 30px;}
</style>
</head>
<body>
<form action="l.html" method="get" onsubmit="return check()">
留言标题:<input id="Title" type="text" name="Title" /><br /><br />
留言内容:<textarea rows="3" placeholder="请输入您要留言的内容" id="contents"></textarea><br /><br />
<input type="submit" value="提交" class="box"/>
<input type="reset" value="重置" class="box"/>
</form>
<script>
function check(){
var Title = document.getElementById("Title").value;
var contents = document.getElementById("contents").value;
if(Title==""){
alert("留言标题不能为空...");
return false;
}else if(contents==""){
alert("留言内容不能为空...");
return false;
}else{
if(confirm("是否提交留言")){
alert("提交成功!!")
return true;
}else{
alert("你未提交!!")
return false;
}
}
}
</script>
</body>
</html>