jquery - 電子メール フィールドが 1) 空であり、2) jquery で特定の電子メール アドレスが含まれているかどうかを確認するにはどうすればよいですか?

Question

アラートが発生しない理由はわかりませんが、最終的には、このフィールドが空ではなく、「@something.com」などの特定のメール アドレスが含まれている場合に、送信ボタンを有効にしたいと考えています。

まず最初に、変更イベントでフィールドが空かどうかを確認しようとしています。

HTML

<input type="email" id="email" placeholder="lauren@something.com">

JS

$("#email").change(function(){
    if (this.is(':empty')) {
        alert('empty');
    } else {
        alert('not empty');
    }
});

Answer 1

$("#email").change(function(){
    var domain = this.value.indexOf('@') != -1? this.value.split('@').pop() : '';

    if (this.value.trim() == '') {
        alert('empty');
    }else if (this.value.trim() == 'bill@gates.com') {
        alert('Holy crap, it\'s Bill Gates');
    }else if (domain == 'gates.com') {
        alert('It\'s a radiator hose salesman ?');
    }else{
        alert('someone else');
    }
});