时间戳

首页 > 解决方案 > 如何从输入中获取价值并与本地存储数据比较价值以使电子邮件不重复？

javascript - 如何从输入中获取价值并与本地存储数据比较价值以使电子邮件不重复？

问题描述

container[i].input_email) /*这个值来自 loacl 存储 */

function validEmail() {
for (var i = 0; i < container.length; i++) {

    console.log(container[i].input_email);   
    if(container[i].input_email==input_email.value){

        var element = document.getElementById("warnig");
        element.innerHTML = 'email exiest';
        
    }
   
}

}

标签： javascripthtmlcss

解决方案

让我们看看我的理解是否正确，您将检查电子邮件输入值是否存储在 localStorage 中，如果是，则显示一条消息，说明电子邮件地址已使用...对吗？

<body>
<form>
    <label for="email">Email:</label>
    <input type="email" id="email">
    <button type="submit">Submit</button>
    <span class="message" style="display: block; font-weight: 700;"></span>
</form>
</body>

const form = document.querySelector('form');
const emailInput = document.querySelector('input');
const message = document.querySelector('.message');

function submitEmail() {
    if (localStorage.getItem('email') === emailInput.value) {
        message.style.color = 'red';
        message.textContent = 'sorry email already exists';
    } else {
        localStorage.setItem('email', emailInput.value);
        message.style.color = 'green';
        message.textContent = 'email saved corectly';
    }

}

form.addEventListener('submit', e => {
    e.preventDefault();
    submitEmail();
});

推荐阅读