当提交表单时,我们一般需要先验证表单里面的数据格式是否正确,验证成功才提交到后台,防止给后台带来过重的负担,一般使用正则表达式匹配验证,jQuery中也不例外。
一个验证电子邮件的正则表达式:
var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/); 下面就使用这个正则表达式对输入的电子邮件使用jQuery进行验证:
JS代码:
$(document).ready(function() {
$('.error').hide();
$('.submit').click(function(event){
var email=$('.email').val();
if(valid_email(email)) {
$('.error').hide();
} else {
$('.error').show();
event.preventDefault();
}
});
});
function valid_email(email) {
var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/);
return patten.test(email);
}
html代码:
输入电子邮件:
非法的电子邮件地址!