请教高手 如何将多个text的button作用到一个button上
我现在刚学 只会一个一个添加button 如何整合单一起就不会了
如何把多个button整合到一起 且如果输入内容不符合正测表达式 再点击“提交”时 会出现alert提示“所输入的内容错误”
非常感谢
<html>
<head>
<title>登记表</title>
</head>
<body>
<form action="" id="myform">
<table align="center">
<tr><td font_size="100">登记表</td></tr>
<tr>
<td>用户名：</td>
<td><input type="text" id="name"></td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="sex" id="man" value="m"/>男
<input type="radio" name="sex" id="women" value="f"/>女
</td>
</tr>
<tr>
<td>电子邮箱：</td>
<td><input type="text" id="email"></td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="button" value="提 交" onClick="checkEmail()">
</td>
</tr>
<tr>
<td>手机号码：</td>
<td><input type="text" id="mobileNo"></td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="button" value="提 交" onClick="checkmobile()">
</td>
</tr>
<tr>
<td>固定电话：</td>
<td><input type="text" id="phoneNo"></td>
<tr>
<td align="center" colspan="2">
<input type="button" value="提交" onclick="checkphone()"></td>
</tr>
<tr>
<td>身份证号</td>
<td><input type="text" id="IDNo"></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="button" value="提交" onclick="checkID()"></td>
</tr>
</form>
<script language="javascript">
function checkEmail()
{
var email = document.getElementById("email");
if(email.value==null||email.value=="")
{
alert("请输入E-mail地址！");
email.focus();
return;
}
var regExpression = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
var objExp = new RegExp(regExpression);
if(objExp.test(email.value)==false)
{
alert("您输入的E-mail地址不正确！");
email.focus();
return;
}document.getElementById("myform").submit();
}
</script>
<script language="javascript">
function checkmobile()
{ var mobileNo = document.getElementById("mobileNo");
var regExpression = /^(86)?((13\d{9})|(15[0,1,2,3,5,6,7,8,9]\d{8})|(18[0,5,6,7,8,9]\d{8}))$/;
if(!regExpression.test(mobileNo.value))
{ alert("您输入的手机号码有误！");
mobileNo.focus();
return;} document.getElementById("myform").submit();
}
</script>
<script language="javascript">
function checkphone()
{
var phoneNo=document.getElementById("phoneNo");
var regExpression=/^((\d{3})-)?((\d{7})|(\d{8}))$/;
if(!regExpression.test(phoneNo.value))
{ alert("您输入的固定号码有误！");
phoneNo.focus();
return;}
document.getElementById("myform").submit();
}
</script>
<script language="javascript">
function checkID()
{
var IDNo=document.getElementById("IDNo");
var regExpression=/\d{6}((19\d{10})|(20\d{10})))$/;
if(!regExpression.test(IDNo.value))
{
alert(“您输入的身份证号码有误!”);
IDNo.focus();
return;
}
document.getElementById("myform").submit();
}
</script>
function check()
</body>
</html>
[解决办法]
<html><head><title>登记表</title><script language="javascript"> function checkIt(){ var IDNo=document.getElementById("IDNo"); var phoneNo=document.getElementById("phoneNo"); var mobileNo = document.getElementById("mobileNo"); var email = document.getElementById("email"); //身份证验证 var regExpression=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[A-Z])$/; if(!regExpression.test(IDNo.value)) { document.getElementById("IDNoError").innerHTML="<font color=red>您输入的身份证号码有误!</font>"; IDNo.focus(); return false; }else { document.getElementById("IDNoError").innerHTML=""; } //邮箱验证 if(email.value==null||email.value==""){ document.getElementById("emailError").innerHTML="<font color=red>请输入E-mail地址！</font>"; email.focus(); return false; }else{ document.getElementById("emailError").innerHTML=""; } var regExpression = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; var objExp = new RegExp(regExpression); if(objExp.test(email.value)==false){ document.getElementById("emailError").innerHTML="<font color=red>您输入的E-mail地址不正确！</font>"; email.focus(); return false; }else{ document.getElementById("emailError").innerHTML=""; } //手机号码验证 var regExpression = /^(86)?((13\d{9})|(15[0,1,2,3,5,6,7,8,9]\d{8})|(18[0,5,6,7,8,9]\d{8}))$/; if(!regExpression.test(mobileNo.value)){ document.getElementById("mobileNoError").innerHTML="<font color=red>您输入的手机号码有误！</font>"; mobileNo.focus(); return false; }else{ document.getElementById("mobileNoError").innerHTML=""; } //固话验证 var regExpression=/^((\d{3})-)?((\d{7})|(\d{8}))$/; if(!regExpression.test(phoneNo.value)){ document.getElementById("phoneNoError").innerHTML="<font color=red>您输入的固定号码有误！</font>"; phoneNo.focus(); return false; }else{ document.getElementById("phoneNoError").innerHTML=""; } }</script></head><body><form action="" id="myform"><table align="center"><tr><td font_size="100">登记表</td></tr><tr><td>用户名：</td><td><input type="text" id="name"></td></tr><tr><td>性别：</td><td><input type="radio" name="sex" id="man" value="m"/>男<input type="radio" name="sex" id="women" value="f"/>女</td></tr><tr> <td>电子邮箱：</td> <td><input type="text" id="email"><span id="emailError"></span></td> </tr> <tr> <td>手机号码：</td> <td><input type="text" id="mobileNo"><span id="mobileNoError"></span></td> </tr> <td>固定电话：</td><td><input type="text" id="phoneNo"><span id="phoneNoError"></span></td><tr></tr><tr><td>身份证号</td><td><input type="text" id="IDNo"><span id="IDNoError"></span></td></tr><tr><td align="center" colspan="2"><input type="submit" value="提交" onclick=" return checkIt()"></td></tr></table></form></body></html>