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>

使用者名稱:

信箱:

個人檔案: