I have input name="email"
and a button
on the page.
How do I validate this input in live for a valid email address? And add some class for a button, class "active" if it is valid or "inactive".
This is a small task, so I don't want to use a plugins.
Thanks
I usually use this javascript function to validate in frontend:
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 email.match(re)
}
it returns true or false. But anyway, you shouldn't usually only validate sensitive data in the frontend, but also on the server side.
$('#email').bind('keyup', function(){
if(this.value.test([REGULAR_EXPRESSION])
//doStuff -- add active class
else
//doOtherStuff -- add inactive class
});
replace [REGULAR_EXPRESSION] with one of the regular expressions found here: http://www.regular-expressions.info/email.html
i used this for mail validation javascript mail code
function ValidateEmail(inputText)
{
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(inputText.value.match(mailformat))
{
document.form1.text1.focus();
return true;
}
else
{
alert("You have entered an invalid email address!");
document.form1.text1.focus();
return false;
}
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.