</pre><p>1.获取表单中输入的数据</p><p>2.验证表单中输入的数据</p><pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<head>
<title> </title>
<script>
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==0 || fname.length>10){
alert("姓名必须输入1到10个字符");
submitOK="false";
}else if(isNaN(age) || age<1 || age>100){
alert("年龄必须是1与100之间的数字");
submitOK="false";
}else if(at == -1){
alert("不是有效的电子邮件地址");
submitOK="false";
}
if(submitOK == "false"){
return false;
}
}
</script>
</head>
<body>
<form action="" οnsubmit="return validate()">
姓名:<input type="text" id="fname" size="20"><br/>
年龄:<input type="text" id="age" size="20"><br/>
电邮:<input type="text" id="email" size="20"><br/>
<input type="submit" value="提交">
<form>
</body>
</html>
使用Javascript实现客户端数据验证
最新推荐文章于 2022-04-12 16:07:08 发布