Javascript Email Validation

Javascript ini digunakan untuk mengetes valid atau tidaknya sebuah alamat email yang dimasukkan pada sebuah form input email, cara ini dapat mengurangi spammer.

Markup HTML

<form>
    <input type="text" id="email" />

    <button type="button" id="submit">Validate</button>
</form>

Javascript

<script type="text/javascript">
//<![CDATA[ 
var submit = document.getElementById('submit');
submit.addEventListener("click", function () {
    var email = document.getElementById('email').value,
        filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
    if (!filter.test(email)) {


        alert('Please enter a valid email!');
    }
}, !1)
//]]>
</script>

Apabila email yang disubmit tidak valid, maka window akan muncul Dialog yang bertuliskan Please enter a valid email!

Demo

Share this post