javascript验证e-mail

最新推荐文章于 2020-07-26 11:28:23 发布

最新推荐文章于 2020-07-26 11:28:23 发布 · 1k 阅读

文章标签：

#JavaScript #HTML #ViewUI

代码收藏专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript脚本来验证用户输入的电子邮件地址格式是否正确。通过检查‘@’和‘.’的位置来判断邮件地址的有效性，并在提交表单前给出提示。

<html>
    <head>
        <script type="text/javascript">
            function validate_email(field,alerttxt)
            {
                with (field)
                {
                    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)
                {
                    if (validate_email(email,"Not a valid e-mail address!")==false)
                    {email.focus();return false}
                }
            }
        </script>
    </head>

    <body>
        <form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
            Email: <input type="text" name="email" size="30">
            <input type="submit" value="Submit"> 
        </form>
    </body>

</html>