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

复制代码 代码如下:

<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>

用户名:

邮箱:

个人资料: