Javascript 表單校驗的三種方法
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#main{width:300px;margin:0px auto;background-color:Red;}
</style>
<script type="text/javascript">
function checkName1() {
var name = document.getElementById("txtName").value;
if (name == "") {
alert("姓名不能為空!");
return false;
}
else {
return true;
}
}
function checkName2() {
var name = document.getElementById("txtName").value;
if (name == "") {
alert("姓名不能為空!");
return false;
}
else {
document.getElementById("mf").submit();//使用form的submit方法
}
}
</script>
</head>
<body>
<form id="mf" action="動態切換小圖大圖.htm" method="get">
<!--方法3
<div id="main">
姓名:<input type="text" id="txtName" />
<input type="submit" value="點我提交(我是提交按鈕)1" onclick="return checkName1();" />
<!--方法1-->
<input type="button" value="點我提交2" onclick="checkName2();" />
<!--方法2-->
</form>
</body>
</html>