@model ZoomLaCMS.Control.C_Verify
@*<div style="margin-top:5px;">
    <div style="display:inline-block;width:300px;padding-top:3px;">@Html.Partial("Verify/Index",new C_Verify() { })</div>
    <button type="submit" class="btn btn-secondary" onclick="return checkSub();"><i class="zi zi_pencilalt"></i> 回复留言</button>
</div>*@
<div class="input-group vcode_wrap">
    <input type="text" id="@Model.Name" name="@Model.Name" maxlength="4" class="form-control" style="border-right:none;" placeholder="验证码" autocomplete="off">
    <span class="input-group-addon" style="position:relative;">
        <span style="position:absolute;left:-25px;z-index:100;top:15px;" class="vcode_check"></span>
        <img id="@(Model.Name)_img" title="点击刷新验证码" class="codeimg" style="max-width:130px;height:38px;border:1px solid #ddd;"/>
    </span>
</div>
<input type="hidden" id="@(Model.Name)_hid" name="@(Model.Name)_hid" />
<script>
    (function ($) {
        $.fn.extend({
            ValidateCode: function (options, callback) {//callback暂未用
                var opts = $.extend({}, $.fn.ValidateCode.defaults, options), CodeCheck = $.fn.ValidateCode.CodeCheck;
                var isok = false;
                var obj = this;//text
                if (!obj || obj == null || !obj.attr("id"))return;
                var $wrap = $(obj).closest(".vcode_wrap");

                   
                var objimg = $("#" + obj[0].id + "_img");
                var objhid = $("#" + obj[0].id + "_hid");
                //提交的信息
                var model = { vtype: 0, token: "", sid: Math.random().toFixed(6), name: "@Model.Name" };
                objimg.attr("src", "/Common/ValidateCode?key=" + model.sid + "&t=" + Math.random());
                //----事件
                objimg.click(function () {
                    var url = "/Common/ValidateCode?key=" + model.sid + "&t=" + Math.random();
                    $(this).attr("src", url); obj.val(""); obj.keyup(); obj.focus();
                });
                //obj.click(function(){
                //    objimg.click();
                //});
                $(obj).keyup(function () {
                    var v = $(obj).val(), k = model.sid;
                    if (v.length < opts.num) {  }
                    else if (v.length == opts.num) { model.token = v; objhid.val(JSON.stringify(model)); }
                    //--------------------
                    var $check = $wrap.find(".vcode_check");
                    $check.html('<i class="zi zi_times" style="color:#ed6d6d;position:static;"></i>');
                    CodeCheck(v, k, function (data) {
                        console.log(data);
                        if (data == 0) {
                            $check.html('<i class="zi zi_times" style="color:#ed6d6d;position:static;"></i>');
                            isok = false;
                        }
                        else if (data == 1) {
                            $check.html('<i class="zi zi_check" style="color:#b9f373;position:static;"></i>');
                            isok = true;
                        }
                    });
                });//keyup end;
                if (opts.submitchk)//提交验证
                {
                    $(obj).parent("form").submit(function (e) {
                        var v = $(obj).val();
                        if (v.length < opts.num) { isok = false; }
                        if (isok == false) { alert("验证码不正确"); }
                        return isok;
                    });
                }
            }
        })//fn end;
        $.fn.ValidateCode.defaults = { okcss: "codeok", nocss: "codeno", num: @(ZoomLa.Components.SiteConfig.SiteOption.VerifyLen), submitchk: true };//参数赋值
        $.fn.ValidateCode.CodeCheck = function (v, k, callback) {
            a = "checkcode";
            $.ajax({
                type: "Post",
                async: true,
                url: "/Common/ValidateCode",
                data: { action: a, value: v, key: k },
                success: function (data) {
                    callback(data);
                }
            });
        };
    })(jQuery)
    $("#VCode").ValidateCode();
</script>