欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);
    });