Sunday, June 8, 2014

Lesson 3: Validate email address in javascript

Sepertinya ini uda baku banget, pasti kalo validasi alamat email di javascript pake cara ini. gue liat koding yang uda ada dari temen gue juga pake cara ini.

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
} 
sumber: http://stackoverflow.com/questions/46155/validate-email-address-in-javascript
di web ini juga dikasih url ke live demo untuk nyobain validasi alamat email ini
http://jsbin.com/ozeyag/19

anyway, itu belum lengkap rupanya. setelah gue googling lagi nemu yang lebih lengkap
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript">
        function IsValidEmail(email) {
            var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
            return expr.test(email);
        };
        function ValidateEmail() {
            var email = document.getElementById("txtEmail").value;
            if (!IsValidEmail(email)) {
                alert("Invalid email address.");
            }
            else {
                alert("Valid email address.");
            }
        }
    </script>
</head>
<body>
    <form id="form1">
    <input type="text" id="txtEmail" />
    <input type="button" id="btnValidate" value="Validate Email" onclick = "ValidateEmail()" />
    </form>
</body>
</html>
http://www.aspsnippets.com/Articles/Email-Address-Validation-in-JavaScript-using-Regular-Expressions.aspx

No comments:

Post a Comment