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();

});

})

//]]>

用户名:

邮箱:

个人资料:

[代码运行效果截图]

d5524df08c058e56c4fe96bc106fa05b.png

694748ed64b9390909c0d88230893790.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值