js-邮箱登录提示全操作-CSDN博客

这里输入代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/mldn.css">
        <script>
             function matchEmail(){
                var tEmail = document.getElementById("em");
                var tSpan = document.getElementById("myspan");
                if (/^\w+@\w+\.\w+$/.test(tEmail.value)) {
                    tEmail.className = "iner";
                    tSpan.innerHTML = "输入格式正确！";
                    return ture;
                }else{
                    tEmail.className = "wrong";
                    tSpan.innerHTML = "输入格式错误！";
                    return false;
                }
            }
            function match(){
                return matchEmail();
            }
        </script>
    </head>
    <body>
        <form id="myform" action="show.html" onsubmit="return match()">
    		<h4>请输入邮箱账号：</h4><input type="text" id="em" class="iner" onblur="match()"><span id="myspan"></span>
            <button type="submit">提交!</button>
        </form>
    </body>
</html>

/*
* @Author: Administrator
* @Date:   2017-03-28 09:13:34
* @Last Modified by:   Administrator
* @Last Modified time: 2017-03-28 09:20:53
*/
.iner{
	font-weight: bold;
	background-color: white;
}
.wrong{
	font-weight: bold;
	background-color: red;
}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    	<span>表单已经成功提交！</span>
    </body>
</html>

转载于:https://my.oschina.net/u/2916018/blog/868836