Index.aspx

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Attendance.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>   
    <script src="Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="Scripts/js.KinerCode.js" type="text/javascript"></script>
    <link href="Scripts/popModal.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/popModal.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function () {

//                $("#aa").click(function () {

//                    $("#aa").popModal({ html: "1111" })
//                
//                });


            $("#inputCode").click(function () {

                $('#inputCode').popModal({ html: function () {
                    $('#inputCode').popModal({ html: " <span id='result'>输入右侧验证码！</span>&nbsp;<span id='code' class='mycode'></span>" });
                    var inp = document.getElementById('inputCode');
                    var code = document.getElementById('code');
                    var c = new KinerCode({
                        len: 5, //需要产生的验证码长度
                        //        chars: ["1+2","3+15","6*8","8/4","22-15"],//问题模式:指定产生验证码的词典，若不给或数组长度为0则试用默认字典
                        chars: [
            1, 2, 3, 4, 5, 6, 7, 8, 9, 0,
            'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z',
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
        ], //经典模式:指定产生验证码的词典，若不给或数组长度为0则试用默认字典
                        question: false, //若给定词典为算数题，则此项必须选择true,程序将自动计算出结果进行校验【若选择此项，则可不配置len属性】,若选择经典模式，必须选择false
                        copy: false, //是否允许复制产生的验证码
                        bgColor: "#303741", //背景颜色[与背景图任选其一设置]
                        bgImg: "Images/yzmbg.jpg", //若选择背景图片，则背景颜色失效<img src="" />
                        randomBg: false, //若选true则采用随机背景颜色，此时设置的bgImg和bgColor将失效
                        inputArea: inp, //输入验证码的input对象绑定【 HTMLInputElement 】
                        codeArea: code, //验证码放置的区域【HTMLDivElement 】
                        click2refresh: true, //是否点击验证码刷新验证码
                        false2refresh: false, //在填错验证码后是否刷新验证码
                        validateEven: "blur", //触发验证的方法名，如click，blur等
                        validateFn: function (result, code) {//验证回调函数
                            if (result) {
                                $("#result").html("<font color='#303741'>验证码输入正确！</font>");
                                $("#btnLogin").attr('lt', 1);


                            } else {

                                if (this.opt.question) {
                                    $("#result").html("<font color='red'>验证码输入错误！</font>");
                                } else {
                                    $("#result").html("<font color='red'>验证码输入错误！</font>");
                                }
                            }