首页 > web前端 > js教程 > 正文

jQuery实现用户注册的表单验证示例_jquery

WBOY
发布: 2016-05-16 17:23:59
原创
1274 人浏览过
复制代码 代码如下:





<script> <BR>$(function(){ <BR>$(":input.required").each(function(){ <BR>var $required = $("<strong>*"); <BR>$(this).parent().append($required); <BR>}); <BR>$(":input.required").blur(function(){ <BR>//判断一下鼠标离开谁了 <BR>if($(this).is("#username")){ <BR>$(".formtip").remove(); <BR>//按照用户名的规则去验证 <BR>if(this.value==""||this.value.length<6){ <BR>var errMsg = "<span class='formtip'>用户名至少是6个字母"; <BR>$(this).parent().append(errMsg); <BR>}else{ <BR>var msg = "<span class='formtip'>用户名可以使用"; <BR>$(this).parent().append(msg); <BR>} <BR>} <BR>//判断一下如果是email的话,应该按照email的规则去验证 <BR>if($(this).is("#email")){ <BR>$(".emailtip").remove(); <BR>//按照email的规则去验证 <BR>var reg = /^\w{1,}@\w+\.\w+$/; <BR>var $email = $("#email").val(); <BR>if(!reg.test($email)){ <BR>var errMsg = "<span class='emailtip'>邮箱不合法"; <BR>$(this).parent().append(errMsg); <BR>}else{ <BR>var Msg = "<span class='emailtip'>邮箱可以使用"; <BR>$(this).parent().append(Msg); <BR>} <BR>} <BR>}); <br><br><BR>}) <BR></script>





用户名:


邮箱:


个人资料:





相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板