每個專案中都會有登入註冊模組的一些驗證。比如說:使用者名稱我們要驗證位數和是否符合使用者名稱規則;密碼要驗證字母開頭,長度,是否包含下劃線等等,這裡我總結了一下常用的驗證規則,用的是專案中用到的class和id ,如果自己用到的話要對名稱做相應的修改。
//密碼的驗證方法
function
password
() $/;// 密碼(以字母開頭,長度在6~18之間,只能包含字母、數字和下劃線)
reg2 = /^[a-za-z]\w$/;
var reg = /[\u4e00-\u9fa5]/;
var userpwd = $('#userpwd').val();
if (userpwd == "") else
if (userpwd.length < 6 || userpwd.length > 16) else
if(reg.test(userpwd)) else
}
驗證使用者名稱的方法:
function
username
() $/;// 帳號是否合法(字母開頭,允許4-16位元組,允許字母數字下劃線)
var reg = /^[0-9a-za-z_\u3e00-\u9fa5]$/;//4-16位元組,允許字母數字下劃線
var username = $("#username").val();
if (username == "") else
if (!reg.test(username)) else );
$.ajax(,
success : function
(data) else
}});
return userflag;
}}
確認密碼的驗證方法:
function
repassword
() else
if (pwd !== repwd) else
}
手機號碼的驗證方法:
function
phone
() $/;
if ($("#telno").val() == "") else
if ($("#telno").val().length < 11) else
if (!reg.test($("#telno").val())) else );
$.get("user/checkphone.do",, function
(data) else
});return phoneflag;
}}
60s重新獲取驗證碼:
/**
* 60秒後重新獲取驗證碼
*/
var wait = 60;
function
time
(btn) else ,1000)
}}
jq 登入正則驗證
function 使用者名稱驗證 user blur function if reg.test user val show return true else show return false 驗證手機號11位數字開頭 var reg1 1 d if reg.test user val show r...
(登入 註冊)表單驗證
註冊驗證 1.驗證格式 非空 2.驗證密碼直接是否相等 3.驗證碼 驗證非空和格式 function ischeckregist obj,re else else 驗證正則 1.身份證驗證 reg d d d d x x 2.手機號驗證 reg 1 3 4 5 8 0 9 d i 3.密碼驗證 6 ...
Vue Element UI實現登入表單驗證功能
loginform status icon rules rules ref loginform class demo ruleform username 使用者名稱 v model loginform.username el input el form item password password ...