Question

我有一些输入验证器，用于检查用户的电子邮件和用户名是否未在网站上注册。我的代码就像这样：

使用Javascript：

<programme>

用户名输入后的DIV代码：

    $(document).ready(function()
{
    $('#email').blur(function(event) {
        $.get(BaseUrl + 'auth/email/check/' + $(this).val(), function(data)
        {
            if (data == 1) {
                $('input#email').removeClass('valid');
                $('input#email').addClass('error');
                document.getElementById('div-error').style.display = "block";
            } else {
                document.getElementById('div-error').style.display = "none";
            }
        });
    });
            $('#username').blur(function(event) {
        $.get(BaseUrl + 'auth/username/check/' + $(this).val(), function(data)
        {
            if (data == 1) {
                $('input#username').removeClass('valid');
                $('input#username').addClass('error');
                document.getElementById('div-error').style.display = "block";
            } else {
                document.getElementById('div-error').style.display = "none";
            }
        });
    });
});

电子邮件输入后的DIV代码：

<div id="div-error" style="display: none;">username has alerdy registered</div>

但是，用户名未注册且电子邮件已经注册我在所有这2个输入上都收到错误...如何为特殊输入设置document.getElementById？

Answer 1

您的错误div具有相同的ID。 HTML中的ID必须是唯一的尝试给出像

这样的元素类

<div class="div-error" id="div-error-username" style="display: none;">...</div>

<div class="div-error" id="div-error-email" style="display: none;">...</div>

Javascript document.getElementById设置输入

1 个答案: