Φορμα Email με confirmation και validation
Πριν αρκετους μηνες ειχα γραψει ενα ποστ στο οποιο ελεγα πως μπορουμε να κανουμε email validation με τη χρηση των RegEx. Επειδη σημερα χρειαστηκε να κανω κατι αντιστοιχο για τη δουλεια ειπα να το προχωρησω λιγο παραπανω. Ετσι εβαλα ακριβεστερο regex για τον ελεγχο και δευτερο πεδιο για την επιβεβαιωση email. Επισης προσθεσα και μερικους ελεγχους, οπως αν ο χρηστης αφησει κενο καποιο πεδιο ή δεν πληκτρολογησει το ιδιο email και στα δυο πεδια.
Θεωρω πως ειναι σχετικα ολοκληρωμενο αυτο το κομματι του κωδικα οποτε αν θελετε να το χρησιμοποιησετε σε καποιο απο τα sites σας feel free!
<hmtl>
<head><title> Email Confirmation Form with Validation - www.xDev.gr </title></head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<body>
<table>
<tr><td width="100px;">Email:</td><td><input id="Text1" type="text" /></td></tr>
<tr><td width="100px;">Confirm email:</td><td><input id="Text2" type="text" /></td></tr>
</table>
<input id="Button1" type="button" value="Check" />
<script type="text/javascript">
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);
}
$("#Button1").click(function compEmail() {
var emPrim = $("#Text1").val(), emConf = $("#Text2").val();
if (((emPrim != null) && (emPrim.length != 0)) && ((emConf != null) && (emConf.length != 0))) {
emPrim = emPrim.toLowerCase(); emConf = emConf.toLowerCase();
if ((emPrim == emConf) && (validateEmail(emPrim))) { alert("Valid email address, please proceed!"); return true; }
else { alert("Not a valid email address. Please try again!"); return false; }
}
});
</script>
</body>
</html>