Javascript Jquery按键以验证电子邮件输入

我想做到的是：

如果用户键入了有效的电子邮件，请显示（

.check

）“ok”标志。如果无效，则不显示任何内容（暂时不显示，稍后我会将内容放入）。 我有3个电子邮件字段。我正在尝试对每一个进行“验证”

<form id="emailsForm" method="POST" action="/account/recommend/">
    <div class="prepend">
        <p><strong>Emails:</strong></p>
        <div>
            <span class="added"><p class="check">ok</p></span>
            <input type="email" id="email1" class="input-text" onblur="alert(/([A-Z0-9a-z_-][^@])+?@[^$#<>?]+?\.[\w]{2,4}/.test(this.value))">
        </div>
        <div>
            <span class="added"><p class="check">ok</p></span>
            <input type="email" id="email2" class="input-text">
        </div>
        <div>
            <span class="added"><p class="check">ok</p></span>
            <input type="email" id="email3" class="input-text">
        </div>
        <button type="submit" class="submit">Send</button>
    </div>
</form>

我做错了什么

---

谢谢你的帮助和建议

首先，您需要找到

此输入的同级，因此将选择器从
$（'input'）
更改为
$（此）

其次，
.check
不是输入的同级。它是兄弟姐妹的后代

$(this).siblings(".added").find('.check').css('visibility', 'visible');

$(this).siblings(".added").find('.check').css('visibility', 'visible');