如何阻止在文本框中输入Gmail地址或显示弹出？ [英] How to block entering gmail adress in textbox or show popup?

问题描述

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

解决方案

这个。无需角模式。

HTML

 < form id =signupmethod =post> 
< input id =emailtype =emailplaceholder =您的电子邮件。 /> 
< / form> 
  

JS
< $（$'code> $（'＃email'）。blur（function（）{
validateEmail（$（'input'）。val（））;
return false;
}）;

函数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（'有效的电子邮件。'）;
} else {
alert（'电子邮件必须是您的域名电子邮件地址（[e-mail]）'）;
}
} else {
alert（'不是有效的电子邮件地址。'）;

检查小提琴

Reference

I need a textbox in my form for entering email address.But address should be business email.Never allow to enter personal gmail or yahoo address or show warning popup while doing so.How to implement that?Can i use angulars ng-pattern to implement it?

解决方案

You can do something like this. No need for angular pattern.

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 ([e-mail]).');
        }
    } else {
        alert('Not a valid e-mail address.');
    }
}

Check the fiddle

Reference

这篇关于如何阻止在文本框中输入Gmail地址或显示弹出？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！