js & jQuery验证Email

之前没有jQuery Validate这个插件,我们一般会用正则表达试来验证表单,检查用户输入的数据是否合法。

html代码如下:
[xhtml]



[/xhtml]

那js验证Email时就会像下面这样:

[js]
var emailStr = document.getElementById(“email”).value;
var emailRegex = /^([a-zA-Z0-9]+[|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
if(emailRegex.test(emailStr)){
console.log(“Your email is valid!”);
}
else{
console.log(“You email is invalid!”);
}
[/js]

接触jQuery Validate之后呢,验证Email就比较简单了:

[js]
$(document).ready(function() {
$(“#user-info-form”).validate({
rules: {
email: {
required: true,
email: true
}
},
messages: {
email: “请输入一个正确的邮箱!”
}
});
});
[/js]