通过清心醉

10-js判断邮箱是否已写并且格式是否正确

<!– 10-js判断必填项是否已写–>
<html>
<head>
<script type=”text/javascript”>
function validate_email(field,alerttxt)
{
with (field) //with主要用于对一个对象的多个属性进行操作时,使代码更简洁易读,在这里对用户输入的eail进行操作
{
/*
邮箱输入的表单验证。
value.indexOf(@)返回字符串@在输入的邮箱地址中首次出现的位置,从零开始计算,apos<1是为了避免首字母出现@,
value.lastIndexOf(“.”)返回“.”在邮箱地址中最后出现的位置,dotpos-apos<2是确保@后面至少有一个“.”且@与“.”之间至少间隔一个字符。
*/
apos=value.indexOf(“@”);
dotpos=value.lastIndexOf(“.”);
if (apos<1||dotpos-apos<2)
{
alert(alerttxt);
return false; //返回假
}
else
{
return true; //返回真
}
}
}

function validate_form(thisform) //定义个表单判断方法,带个参数来明确是哪个表单
{
with (thisform) //获取了表单的数据即<input type=”text” name=”email” size=”30″>,由用户点击<input type=”submit” value=”邮件格式查询”> 触发
{
if (validate_email(email,”邮箱格式不正确!”)==false)
//调用vilidate_eamil函数,并且带上两个参数,第一个email是<input type=”text” name=”email” size=”30″> 注意这有个name=”email”,传递的是这个参数.
{
email.focus();
return false;
}
}
}
</script>
</head>

 

<body>
<form action=”post页面” onsubmit=”return validate_form(this);” method=”post”>
<!–如果return返回的值为真,把参数传递到post页面–>
Email: <input type=”text” name=”email” size=”30″>
<input type=”submit” value=”邮件格式查询”>
</form>
<!–
form是一个表单,这里首先给表单设置个onsubmit事件.
当用户点”邮件格式查询”时
会先调用validate_form(this)函数的返回值.
至于onsubmit=”return validate_form(this);里面的this是指当前的表单
–>
</body>

</html>

关于作者

清心醉 administrator

发表评论

请输入验证码: