Javascript 检查电子邮件验证并在“电子邮件阻止”字段下给出错误

检查电子邮件验证并在“电子邮件阻止”字段下给出错误

function email_check()
{
    var email = document.getElementById('email').value;
    var datas = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    if(datas.test(email) == false)
    {
        document.getElementById('errorpassword').innerHTML = "this is an invalid email";   
    }

    return false;
}


<input type ="email" placeholder="email id" id="email" required onblur="email_check(this.value)"/>
<span id="erroremail"></span>

功能电子邮件检查（）
{
var email=document.getElementById（'email'）。值；
var数据=/^（[A-Za-z0-9\-\.]）+\@（[A-Za-z0-9\-\.]）+\.（[A-Za-z]{2,4}）$/；
如果（数据测试（电子邮件）=错误）
{
document.getElementById（'errorpassword'）.innerHTML=“这是一封无效的电子邮件”；
}
返回false；
}

尝试以下代码，并按需要的方式进行编辑

功能验证电子邮件（电子邮件）{
变量re=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+）*）（\'+\”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]；
返回重新测试（电子邮件）；
}
函数验证（）{
var$result=$（“#result”）；
var email=$（“#email”）.val（）；
$result.text（“”）；
如果（验证邮件（电子邮件））{
$result.text（电子邮件+“有效：”）；
$result.css（“颜色”、“绿色”）；
}否则{
$result.text（电子邮件+”无效：（“”）；
$result.css（“颜色”、“红色”）；
}
返回false；
}
$（“#验证”）.bind（“单击”，验证）；

输入电子邮件地址：

验证

HTML代码：

     <div class="form-group">
                <label class="control-label" for="event-mail">Email: </label>
<div class="events">
                    <input id="emailaddress" name="emailaddress" placeholder="Email Address" type="email" data-error-empty="Please enter your email" data-error-invalid="Invalid email address" >
</div>
                <button name="submit" id="validate" type="submit"> Validate
        </button>

            </div><!-- End Email input -->

$(document).ready(function () {
    $('#validate').click(function () {
    $('.error-message').remove();
    $('.success-message').remove();
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
alert($('#emailaddress').val());
                if (!emailReg.test($.trim($('#emailaddress').val()))) {
                    var invalidEmail = $('#emailaddress').data('error-invalid');
                    $('#emailaddress').parents('.events').append('<span class="error-message" style="display:none;">' + invalidEmail + '.</span>').find('.error-message').fadeIn('fast');
                    $('#emailaddress').addClass('inputError');
                }
                else
                {
                $('#emailaddress').parents('.events').append('<span class="success-message" style="display:none;">Valid email address.</span>').find('.success-message').fadeIn('fast');
                $('#emailaddress').addClass('inputSuccess');
                }
});
});

.inputError{
 color: red;
}
.inputSuccess{
 color: green;
}

---

有趣的代码！…您有吗？您好，您可以发布HTML或代码片段吗？您好，您的冲突是什么？请花时间阅读以了解，