jq登入表單驗證

2021-07-15 04:52:04 字數 1506 閱讀 8645

每個專案中都會有登入註冊模組的一些驗證。比如說:使用者名稱我們要驗證位數和是否符合使用者名稱規則;密碼要驗證字母開頭,長度,是否包含下劃線等等,這裡我總結了一下常用的驗證規則,用的是專案中用到的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 ...