html:
<form onsubmit="return validate_form(this);" method="post">
email:<input type="text" name="email" >
<input type="submit" value="submit">
</form>
js:
function validate_email(field,alerttxt)//这个函数用来验证email的格式是否满足xxx@xxx.xxx的格式，其中要求@前面必须要至少一个字符，@与.之间至少要有一个字符
{
with (field)//使用with (XXX)语句是指定默认对象，这样在访问这个HTML元素（就是这里的field)的值的时候，就不需要指定对象了，可以直接使用value.indexOf。否则的话，需要field.value.indexOf
{
apos=value.indexOf("@");//找到第一个@的位置。如果找不到的话,apos值为-1,找到的话就是@在字符串里面的以0开始的位置索引
dotpos=value.lastIndexOf(".")//找到最后一个.的位置
if (apos<1||dotpos-apos<2)//如果找不到@或者@是第一个字符(apos<1)，或者@之后没有.或者@与.之间没有任何字符(dotpos-apos<2)
{alert(alerttxt);return false}//弹出对话框显示错误消息并返回假表明验证email格式失败
else {return true}//否则返回真
}
}
function validate_form(thisform)//这个函数用来在表单提交时对表单做验证，通常的使用方式是表单里面有个提交按钮在点击时调用这个函数，如下例所示，当这个函数返回假的时候，表单不会提交
{
with (thisform)
{
if (validate_email(email,"请输入正确的邮件地址！")==false);//调用validate_email来验证表单中的email这个字段 ，判断是否失败
{email.focus();return false}//如果失败的话，让email获得焦点，同时返回假使的表单不提交
}
}
