这是一个包含JavaScript的html文件,主要是利用正则表达式来约束邮箱地址的格式,只有当输入的邮箱地址是正确的邮箱地址格式才能成功提交,否则出现警示。
整体都很简单,就是正则表达式的写法比较复杂,一步小心就可能出错。
以下是源代码和界面截图:
<html>
<script>
function testemail(form) {
if(form.email.value.match("^[a-zA-Z0-9_\-]*@([a-zA-Z0-9]+\.)+[a-z]{2,3}$")){}
else {
alert("用户邮箱不正确!");
form.email.focus();
return false;
}
}
</script>
<head>
<title>使用正则表达式验证邮箱地址</title>
</head>
<body>
<form id = "form1" method = "post" action = "" onsubmit = "return testemail(form1)">
<br/>
<table>
<tr>
<td>姓名:</td>
<td>
<input type = "text" name = "name">
</td>
</tr>
<tr>
<td>邮箱:</td>
<td>
<input type = "text" name = "email">
</td>
</tr>
<tr>
<td>
<input type = "submit" name = "submit" value = "提交" >
</td>
</tr>
</table>
</form>
</body>
</html>