html - 如何阻止在文本框中输入电子邮件地址并显示弹出窗口？

Question

我的表单中需要一个文本框来输入电子邮件地址。但是地址应该是公司电子邮件。不允许输入个人gmail或yahoo 在这样做时解决或显示警告弹出窗口。如何实现它？我可以使用 angulars ng-pattern 来实现它吗？

Answer 1

你可以这样做。不需要 Angular 图案。

HTML

<form id="signup" method="post">
    <input id="email" type="email" placeholder="Your e-mail." />
</form>

JS

$('#email').blur(function() {
    validateEmail($('input').val());
    return false;
});

function validateEmail(email) {
    var re = /^\s*[\w\-\+_]+(\.[\w\-\+_]+)*\@[\w\-\+_]+\.[\w\-\+_]+(\.[\w\-\+_]+)*\s*$/;
    if (re.test(email)) {
        if (email.indexOf('@yourdomain.com', email.length - '@yourdomain.com'.length) !== -1) {
            alert('Valid email.');
        } else {
            alert('Email must be a yourdomain e-mail address (your.name@yourdomain.com).');
        }
    } else {
        alert('Not a valid e-mail address.');
    }
}

检查 fiddle

Reference