拖动排序 验证码

拖动排序 验证码

 

演示

• 积木盒子首次投资至少送30元
• ppmoney注册并实名认证送10元话费，投资再送20元现金
• 铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元

 

XML/HTML Code

<form class="registration">

            <fieldset>
                <legend>拖动排序legend>
                <div class="captcha_wrap">
                    <div class="captcha">
            Drag to order
                    div>
                    <ul id="sortable">
                        <li class="captchaItem">1li>
                        <li class="captchaItem">2li>
                        <li class="captchaItem">3li>
                        <li class="captchaItem">4li>
                        <li class="captchaItem">5li>
                        <li class="captchaItem">6li>
                    ul>
                div>
                <a id="formsubmit" class="button">Registera>
            fieldset>
        form>

 

JavaScript Code

"text/javascript">
            (
            function($){

                $.fn.shuffle = function() {
                    return this.each(function(){
                        var items = $(this).children();

                        return (items.length)
                            ? $(this).html($.shuffle(items,$(this)))
                        : this;
                    });
                }

                $.fn.validate = function() {
                    var res = false;
                    this.each(function(){
                        var arr = $(this).children();
                        res =    ((arr[0].innerHTML=="1")&&
                            (arr[1].innerHTML=="2")&&
                            (arr[2].innerHTML=="3")&&
                            (arr[3].innerHTML=="4")&&
                            (arr[4].innerHTML=="5")&&
                            (arr[5].innerHTML=="6"));
                    });
                    return res;
                }

                $.shuffle = function(arr,obj) {
                    for(
                    var j, x, i = arr.length; i;
                    j = parseInt(Math.random() * i),
                    x = arr[--i], arr[i] = arr[j], arr[j] = x
                );
                    if(arr[0].innerHTML=="1") obj.html($.shuffle(arr,obj))
                    else return arr;
                }

            })(jQuery);

            $(function() {
                $("#sortable").sortable();
                $("#sortable").disableSelection();
                $('ul').shuffle();

                $("#formsubmit").click(function(){
                    ($('ul').validate()) ? alert("Yes") : alert("No");
                });
            });

 

原文地址:http://www.freejs.net/article_biaodan_317.html