拖动排序 验证码

拖动排序 验证码

 

演示

• 积木盒子首次投资至少送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">1</li>
                        <li class="captchaItem">2</li>
                        <li class="captchaItem">3</li>
                        <li class="captchaItem">4</li>
                        <li class="captchaItem">5</li>
                        <li class="captchaItem">6</li>
                    </ul>
                </div>
                <a id="formsubmit" class="button">Register</a>
            </fieldset>
        </form>

 

JavaScript Code

<script type="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");
                });
            });
        </script>

 

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