:invalid伪类来实现验证不通过样式设置<style>
input[type=email]:invalid + .next-step{
display: none
}
</style>
</head>
<body>
<form action="">
<input type="email">
<span class="next-step">Next</span>
</form>原文：https://www.cnblogs.com/snmic/p/10334159.html