input验证邮箱 css,jquery 表单输入框验证 （用户名和邮箱）

[javascript]代码库/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

//

$(function(){

//如果是必填的，则加红星标识.

$("form :input.required").each(function(){

var $required = $(" *"); //创建元素

$(this).parent().append($required); //然后将它追加到文档中

});

//文本框失去焦点后

$('form :input').blur(function(){

var $parent = $(this).parent();

$parent.find(".formtips").remove();

//验证用户名

if( $(this).is('#username') ){

if( this.value=="" || this.value.length < 6 ){

var errorMsg = '请输入至少6位的用户名.';

$parent.append(''+errorMsg+'');

}else{

var okMsg = '输入正确.';

$parent.append(''+okMsg+'');

}

}

//验证邮件

if( $(this).is('#email') ){

if( this.value=="" || ( this.value!="" && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value) ) ){

var errorMsg = '请输入正确的E-Mail地址.';

$parent.append(''+errorMsg+'');

}else{

var okMsg = '输入正确.';

$parent.append(''+okMsg+'');

}

}

});

//提交，最终验证。

$('#send').click(function(){

$("form :input.required").trigger('blur');

var numError = $('form .onError').length;

if(numError){

return false;

}

alert("注册成功,密码已发到你的邮箱,请查收.");

});

//重置

$('#res').click(function(){

$(".formtips").remove();

});

})

//]]>

用户名:

邮箱:

个人资料:

[代码运行效果截图]