<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS_test</title>
<script language="JavaScript">
function Match(f){
if(f.Email.value == ""){ //邮箱不为空验证，注意:javascript用＝＝号和""号，而不是equals和null.
alert("Email不能为空！");
return false;
}
if(!/^\w+@\w+.\w+$/.test(f.Email.value)){ //正则表达式验证。此处为JS，不是java，所以不需要转义。$：字符串结束符，不然前面正确后面错误时也为真值.
alert("邮箱格式不匹配！");
f.Email.focus();
f.Email.select();
return false;
}
alert("Successful!");
return true; //不要忘记结尾的return,否则结果正确则不提交。
}
</script>
</head>
<!-- 注意提交方式为post, 触发函数里要有return,不然验证失败会继续跳转-->
<form action="#" method="post" onSubmit="return Match(this)">
<!-- Email -->
<tr>
<td align="right">Email:</td>
<td align="left">
<input type="text" name="Email" />
</td>
</tr>
<!-- Password -->
<tr>
<td align="right">Password:</td>
<td align="left">
<input type="password" name="Password" />
</td>
</tr>
<!-- Submit -->
<tr>
<td align="center" colspan=2>
<input type="submit" name="Submit" value="提交"/>
<input type="reset" name="reset" value="重置" />
</td>
</tr>
</form>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>JS_test</title>
<script language="JavaScript">
function Match(f){
if(f.Email.value == ""){ //邮箱不为空验证，注意:javascript用＝＝号和""号，而不是equals和null.
alert("Email不能为空！");
return false;
}
if(!/^\w+@\w+.\w+$/.test(f.Email.value)){ //正则表达式验证。此处为JS，不是java，所以不需要转义。$：字符串结束符，不然前面正确后面错误时也为真值.
alert("邮箱格式不匹配！");
f.Email.focus();
f.Email.select();
return false;
}
alert("Successful!");
return true; //不要忘记结尾的return,否则结果正确则不提交。
}
</script>
</head>
<body>
<!-- JS前台验证：空值验证，匹配验证 -->
<!-- 注意提交方式为post, 触发函数里要有return,不然验证失败会继续跳转-->
<form action="#" method="post" onSubmit="return Match(this)">
<!-- Email -->
<tr>
<td align="right">Email:</td>
<td align="left">
<input type="text" name="Email" />
</td>
</tr>
<!-- Password -->
<tr>
<td align="right">Password:</td>
<td align="left">
<input type="password" name="Password" />
</td>
</tr>
<!-- Submit -->
<tr>
<td align="center" colspan=2>
<input type="submit" name="Submit" value="提交"/>
<input type="reset" name="reset" value="重置" />
</td>
</tr>
</form>
</table>
</body>
</html>
916
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
