数据库验证:用户登录框,动态产生验证码

软件开发工具课上的小作业,实现后有小小成就感嘻嘻=w=

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!doctype html>
<html lang="en">
<style type="text/css">
</style>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="jqeasyui/themes/default/easyui.me.css">
    <link rel="stylesheet" type="text/css" href="jqeasyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="system/css/icon.css">
    <script type="text/javascript" src="jqeasyui/jquery.min.js"></script>
    <script type="text/javascript" src="jqeasyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jqeasyui/easyui-lang-zh_CN.js"></script>    
    <script type="text/javascript" src="system/easyui_functions.js"></script>
</head>
<body id="main" style="margin:1px 1px 1px 10px">
<script>
    $(function(){
        myForm('myform','main','登陆界面',0,0,400,400,'');
        myFieldset('myfieldset','myform','用户信息',10,10,350,360);
        myTextField('userid','myfieldset','用户名:',60,40+45*0,15,0,200);
        myTextField('password','myfieldset','密码:',60,40+45*1,15,0,200);
        myTextField('codeinput','myfieldset','验证码:',60,40+45*2,15,0,160);
        //myImageField('codeimg','myfieldset','',0,40+45*3,75,70,160,'');
        //myTextField('codey','myfieldset','',0,40+45*3,75,70,160);
        myButton('btn-submit','myform','登陆',300,90);
        myButton('btn-clear','myform','清空',300,150);
        codesource=myRunSelectProcedure('sysdatebasestring','code','');
        console.log(codesource);
        console.log(codesource[0].codex);
        //mySetValue('codey', source[0].xcode); //src img
        //$('#codeimg').imagebox({src:source[0].xcode});
        str='<img id="codeimg" src="" style="position:absolute;top:175px;left:75px;height:70px;width:160px;"></img>';
        $('#myfieldset').append(str);
        console.log(str);
        $('#codeimg').attr('src',codesource[0].codesrc);
        $('#password').textbox({
            prompt:'密码有效长度为8位及以上字符!',//添加在函数中没有涉及的属性和事件
            type:"password"
        });
        $("#userid").next("span").find("input").focus();
        $('#btn-submit').on('click',function(e){
            errormsg='';
            if (myGetValue('userid')=='') errormsg+='<br>用户账号不能为空';
            if (myGetValue('password')=='') errormsg+='<br>登录密码不能为空';
            s1=myGetValue('userid');
            s2=myGetValue('password');
            s3=myGetValue('codeinput');
            if (s3!=codesource[0].codex) errormsg+='<br>验证码错误';
            console.log(codesource[0].codex);
            if (errormsg==''){
                s=s1+'  '+s2;  //tab
                source=myRunSelectProcedure('jqdemos','login',s);
                console.log(source);
                if (source[0].n2==1){
                    alert('登陆成功');
                }else if (source[0].n1==1){
                    alert('密码错误!');
                }else{
                    alert('用户名不存在!');
                }
            }else{
                alert(errormsg);
            }   
        });
        $('#btn-clear').on('click',function(){
            myClearForm();
        });
    });  // endof jquery
    /*function fnValidation(){
        var errormsg=[]; 
        var s1=$("#userid").textbox('getValue');
        var s2=$("#password").textbox('getValue');
        if (s1.length==0) errormsg.push('用户名不能为空!');
        if (s2.length<8) errormsg.push('密码必须是8位及以上字符!') ; 
        var sql1="select * from users where userid='"+s1+"'" ;
        var result1=myRunSelectSql(sysdatabasestring,sql1);
        if (result1.length==0){
            errormsg.push('用户名不存在!');
        }
        var sql2="select * from users where password='"+s2+"'" ;
        var result2=myRunSelectSql(sysdatabasestring,sql2);
        if (result2.length==0){
            errormsg.push('密码错误!');
        }
        if (errormsg.length>0){
            var str='';
            for (var i=0;i<errormsg.length;i++){
                str+='<br>';
                if (i>0) str+='<span style="padding:0px 0px 0px 42px;">'+errormsg[i]+'</span>';
                else str+=errormsg[i];
            }
            $.messager.alert('系统提示','数据验证发现下列错误,提交失败!<br>'+str,'error');
            //myMessagebox('系统提示','数据验证发现下列错误,提交失败!',errormsg,'error');
        }
    }*/
</script>
</body>
</html>
发布了2 篇原创文章 · 获赞 0 · 访问量 854

猜你喜欢

转载自blog.csdn.net/Jariswale/article/details/78512716
今日推荐