zoukankan      html  css  js  c++  java
  • Jquery tabs

    官网
    http://api.jqueryui.com/tabs/


    必须通过了后台验证tab1的信息后才允许进入tab2

            var passed=false;
             $("#tabs").tabs({
                event: "click",
                active: 0,
                beforeActivate: function (event, ui) {
                    if (ui.newTab.text() == "Tab2") {
                      $('#tabs-1 .validationMsg').hide();
                        var ok = true;
                        if (!passed ) {
                            ok = validate();  //前台validation
                        }

                        var toDo = function () {
                            passed = true;
                            $('#tabs').tabs("option", "active", 1);
                            //$('#tabs ul li:eq(1) a').focus();
                        }

                        var notToDo = function () {
                            passed = false;
                            var errorMsg = $('#tabs-1 .validationMsg').html();
                            // event.preventDefault();
                            // ui.oldTab.focus();
                            $('#tabs').tabs("option", "active", 0);
                            $('#tabs ul li:eq(0) a').focus();
                            setTimeout("$('#tabs-1 .validationMsg').html('" + errorMsg + "');$('#tabs-1 .validationMsg').show();", 0);
                            return;
                        }

                        if (!ok) {
                            event.preventDefault();
                            notToDo();
                        }
                        else {
                            if (!passed) {
                                validate2($('#tabs-1'), '/controller/action', toDo, notToDo);  //后台ajax验证
                                event.preventDefault();
                            }
                        }

                    }
                }
            });


     

  • 相关阅读:
    全面分析 Spring 的编程式事务管理及声明式事务管理
    100句唤醒自己的励志名言
    100句自我激励的名言佳句
    java反射详解
    JAVA中的反射机制
    【BZOJ1015】【JSOI2008】星球大战Starwar(离线并差集)
    【HEOI2016/TJOI2016】排序(二份答案+线段树)
    【USACO06DEC】—牛奶模式Milk Patterns(后缀自动机)
    【HNOI2016】—找相同字符(后缀自动机)
    【AHOI2013】—差异(后缀自动机)
  • 原文地址:https://www.cnblogs.com/sui84/p/6777183.html
Copyright © 2011-2022 走看看