请记住投稿邮箱是：203239351@qq.com 注册联系QQ203239351
必选(或必填)验证：
下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。例如必填或必选为空，那么警告框会弹出，并且函数的返回值为false，否则函数的返回值为true（意味着数据没有问题）。
实例演示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>宗波尘客(www.zbck123.com)</title>
<script>
function validateForm(){
var x=document.forms["myForm"]["fname"].value;
if (x==null || x==""){
alert("姓必须填写");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="/statics/demosource/demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
</body>
</html>
E-mail验证：
下面的函数检查输入的数据是否符合电子邮件地址的基本语法
意思就是说，输入的数据必须包含@符号和点号（.）。同时，@不可以是邮件地址的首字母，并且@之后需有至少一个点号
代码实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>宗波尘客(www.zbck123.com)</title>
<script>
function validateForm(){
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
alert("不是一个有效的 e-mail 地址");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo-form" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>
</body>
</html>数字验证：
下面的函数检查的是输入的数据是否是1-10之间的数字。假如输入的不为数字或不是，那么警告框会弹出，并且函数的返回值为false，否则函数的返回值为fasle，否则函数的返回值则为true（意味着数据没有问题）
代码实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>宗波尘客(www.zbck123.com)</title>
</head>
<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm();" method="post">
<strong>请输入1到10之间的数字：</strong>
<input id="number">
<button type="button" onclick="myFunction()">提交</button>
</form>
<script type="text/javascript">
function myFunction() {
var x = document.getElementById("number").value;//获取id="number"的值
//如果输入的值 x 不是数字或者小于 1 或者大于 10，则提示错误
if (isNaN(x) || x < 1 || x > 10) {
alert("您输入有误，请输入1到10之间的数字！！！");
return false;
} else {
alert("您输入正确");
return true;
}
}
</script>
</body>
</html>
