用javascript实现用户登录验证的代码 -- 公司在线编程试题

题目要求用户登陆验证,讲真没搞懂这个题让干嘛,可能是我想多了,编写了部分代码,实现了一个判空,再与后台传值对接,后台判断用户名是否存在,如果不存在,后台会把错误值存进data的message中,页面弹出,如果想加功能,可以写一个专门判断格式的函数,函数用正则表达式判断。

没有用原生js写,用jquery的方法编写的,主要是为了方便,如果想了解一下ajax怎么进行异步传值的可以了解一下,在线编程把ajax部分去掉就好了,想加功能再写函数加正则表达式,很方便,按照我的理解写的,错了希望可以指正一下。

//验证是不是空?还验证是否存在用户名??
function login(){
    if(checkIsEmpty($('#username').text())=== true ){
        if(checkIsEmpty($('#password').text()) === true){
​            //   alert("不和后台对接的话,显示登陆成功")!
            var query = {
                username : "",
                password : ""
            }
            query.username = $('#username').text()​;
​           query.password = $('#password').text(); 
​            $.ajax({
                url: "接口",
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                data: JSON.stringify(query),
                dataType: 'json',
                success:function(data){
                    if(data.success == true){
                        alert("登陆成功");
                    } else {
                        alert(data.message);//后台返回一个错误
                    }
                }
            })
        }
    }
}
function checkIsEmpty(item){
    if(item === "" && item === null){
        alert("不能为空") ;
        return false;
    }else{
        return true;
    }
}

 

你可能感兴趣的:(用javascript实现用户登录验证的代码 -- 公司在线编程试题)