ASP.NET MVC实战:实现WF4注册Model验证-技术开发专区

ASP.NET MVC实战:实现WF4注册Model验证

作者：朱祁林编辑：胡铭娅 2010-09-28 08:11 来源：朱祁林的博客

　　实现：

　　这篇文章这种情况服务端和客户端的验证都会讲到。为了简化起见，这里我除去的WF的流程功能，直接用下拉框表示，当下拉框选择step1表示填写第一步注册的信息，当下拉框选择step2表示填写第二步注册的信息，当下拉框选择step3表示填写第三步注册的信息，当下拉框选择step4表示填写第四步注册的信息。写得很啰嗦，但是这个很容易实现，我使用Jquery来显示和隐藏下拉框对应的Step。Jquery代码如下：

<script type="text/javascript">        $(function () {
$.fn.enable = function () {
return this.show().removeAttr("disabled");
            }
$.fn.disable = function () {
   return this.hide().attr("disabled", "disabled");
            }
         var dllStep = $("#Step");
         var step1 = $("#Step1,#Step1 input");
         var step2 = $("#Step2,#Step2 input");
         var step3 = $("#Step3,#Step3 input");
         var step4 = $("#Step4,#Step4 input");
           setControls();
           dllStep.change(function () {                setControls();
           });
           function setControls() {
             switch (dllStep.val()) {
                 case "1":
                      step1.enable();
                      step2.disable();
                      step3.disable();
                      step4.disable();
                        break;

                case "2":
                      step1.disable();
                      step2.enable();
                      step3.disable();
                      step4.disable();
                        break;
                case "3":
                      step1.disable();
                      step2.disable();
                      step3.enable();
                      step4.disable();
                        break;
                case "4":
                      step1.disable();
                      step2.disable();
                      step3.disable();
                      step4.enable();
                        break;
                case "":
                       step1.disable();
                       step2.disable();
                       step3.disable();
                       step4.disable();
                       break;

}
   }
  });
   </script>

　　如下图：

　　第一步：填写姓名和年龄。

　　

0

第1页：用户注册流程图第2页：WF4.0状态机图第3页：实现用户多步注册流程第4页：实现下拉框选择第5页：实现分布验证第6页：对model进行验证

相关文章

关注我们