<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function validate()
{
var at=document.getElementById("email").value.indexOf("@")
var age=document.getElementById("age").value
var fname=document.getElementById("fname").value
submitOK="true"
if (fname.length>10)
{
alert("名字必須小於 10 個字符。")
submitOK="false"
}
if (isNaN(age)||age<1||age>100)
{
alert("年齡必須是 1 與 100 之間的數字。")
submitOK="false"
}
if (at==-1)
{
alert("不是有效的電子郵件地址。")
submitOK="false"
}
if (submitOK=="false")
{
return false
}
}
</script>
</head>
<body>
<form action="http://www.w3school.com.cn/example/hdom/hdom_submitpage.html" οnsubmit="return validate()">
名字(最多 10 個字符):<input type="text" id="fname" size="20"><br />
年齡(從 1 到 100):<input type="text" id="age" size="20"><br />
電子郵件:<input type="text" id="email" size="20"><br />
<br />
<input type="submit" value="提交">
</form>
</body>
</html>