首頁 > web前端 > js教程 > jQuery實作使用者註冊的表單驗證範例_jquery

jQuery實作使用者註冊的表單驗證範例_jquery

WBOY
發布: 2016-05-16 17:23:59
原創
1309 人瀏覽過
複製程式碼 程式碼如下:





<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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板