jQuery表单验证用户名密码
程序员文章站
2022-06-13 21:03:52
...
//校验用户名
function checkUsername() {
var username = $("#username").val();
alert(username);
var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //4到16位(字母,数字,下划线,减号)
var flag = uPattern.test(username);
if(flag ){
$("#username").css("border","1px solid #a6a6a6");
return true;
}else {
$("#username").css("border","1px solid red");
return false;
}
}
//校验密码
function checkPsaaword() {
var password = $("#password").val();
var pPattern = /^(\w){6,20}$/; //6-20个字母、数字、下划线
var flag = pPattern.test(password);
if(flag ){
$("#password").css("border","1px solid #a6a6a6");
return true;
}else {
$("#password").css("border","1px solid red");
return false;
}
}
//页面加载时调用的方法
$(function () {
$("#registerFrom").submit(function () {
return checkUsername() && checkPsaaword();
});
//某个空间失焦失触发的方法
$("#username").blur(checkUsername);
$("#password").blur(checkPsaaword);
});