我们在用JAVASCRIPT做一个验证表单.要求如下:
1,判断下拉列表是否选择;
2,判断单选是否被选择;
3,判断手机号码是否填写,是否11位,并且1开头;
4,判断地址是否填写,仅支持中文;以上所有的要求如果没达到都会有警告,但是所有警告都在同一个警告框里,有就是说比2.3.4有错误,警告框就会显示;
1.请选择性别!
2.手机号码没有输入或格式错误!
3.地址没有输入或格式错误!多谢帮忙!
1,判断下拉列表是否选择;
2,判断单选是否被选择;
3,判断手机号码是否填写,是否11位,并且1开头;
4,判断地址是否填写,仅支持中文;以上所有的要求如果没达到都会有警告,但是所有警告都在同一个警告框里,有就是说比2.3.4有错误,警告框就会显示;
1.请选择性别!
2.手机号码没有输入或格式错误!
3.地址没有输入或格式错误!多谢帮忙!
是不是单判断你都解决了呀?只是想用一个警告框来实现提示呀??
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="cn">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript">
var $ = function(id){return document.getElementById(id);};
function validate()
{
//记录信息
var err = [];
//验证下拉框
if($("s").value=="")
{
err.push("1.请选择性别!");
}
//验证单选
var x = document.getElementsByName("x");
var b = false;
for(i=0;i<x.length;i++)
{
if(x[i].checked)
{
b = true;
break;
}
}
if(!b)
{
err.push("2.请选择数字!");
}
//验证手机号
if(!/^1\d{10}$/.test($("phone").value))
{
err.push("3.手机号码不正确!");
}
//验证地址
if(/[^[\u4e00-\u9fa5]]*/.test($("addr").value))
{
err.push("4.地址不正确");
}
if(err.length>0)
{
alert(err.join("\n"));
return;
}
}
</script>
</head>
<body>
<form>
选择性别
<select name="s" id="s">
<option value="">-请选择-</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
<br>
选择数字
<input type="radio" name="x" value="1">1
<input type="radio" name="x" value="2">2
<br>
手机号
<input type="text" name="phone" id="phone"/>
<br>
地址
<input type="text" name="addr" id="addr"/>
</form>
<button onclick="validate()">验证</button></body>
</html>
var smeg=new Array();
var message=["请选择性别!","2.手机号码没有输入或格式错误!","地址没有输入或格式错误!"];if(性别没有选){
smeg.push(message[1]);
}其他的雷同;最后判断一下
if(smeg.length>0){
alert(smeg.join("\n"));
}else{
做相应的动作!
}可以达到你的目的