B/S系统是基于B/S结构的系统，也就是基于浏览器/服务器的系统。本文主要介绍MVC+jQuery来处理表单的提交，让们一起来看。

AD： Dynamic .NET TWAIN是一款用于.NET桌面应程序下的扫描控件，可以从任何兼容TWAIN的驱动获取图像，市面上少有的分发完全免费的扫描控件，控件中国网：023-6787 0900

 

Jquery是一个优秀的Javascrīpt框架。MVC是一个设计模式，它强制性的使应用程序的输入、处理和输出分开。今天们就谈如何用JQuery+MVC来处理表单的提交。 

想达到的效果：

1、提交前的表单验证 

2、表单验证 

3、提交后的反馈信息 

ok，先说一下工作的原理。

前台 form action='xxx.aspx' method='post' /form ，action指定了接受表单的处理页面。method这里们只说post。 如果用ajax提交表单，自然xxx.aspx便是请求的url。ajax请求后的callback便是响应表单的提交结果(错误、成功)，们提交的反馈信息用一个 浮层(lightbox)来表示。 不至于用 alert( 这样铛铛铛很囧。

们引入一个Jquery的插件http://www.malsup.com/jquery/form/#api 这是一个略有名气的插件，方便易用。关于其用法，大家可以搜索下。

那么们需要做的就是： 

1、jquery.form.js的使用 

2、lightbox的实现 

3、如何验证

代码：

$.fn.submitForm = function(args)   {   var url, id, callback, before;   id = this.attr( id );   if (typeof (args) ==  string )   {   url = args;   before = undefined;   callback = undefined;   }   else   {   args = args || new Object();   url = args.url || this.attr( action );   if (typeof (args) ==  function )   {   callback = args;   }   else   {   before = args.before;   callback = args.callback;   }   }   //输入验证   this.inputValidate();   //form没有url 则是伪提交   if (url == undefined || url ==  )   {   $( #  + id).submit(function() {   if ($( #  + id).submitValidate()==false)   return false;   //验证成功就执行callback   callback();   });   }   else   {   this.ajaxForm({   url: url,   beforeSubmit: function(a, f, o)   {   //提交验证   if ($( #  + id).submitValidate() == false)   return false;   if (before != undefined   before() == false) {   return false;   }   o.dataType =  json ;   },   success: function(data) {   if (data ==   || data == null)   {   return false;   }   $( #myMsg ).showMsg(data, callback); return false;   }   });   }   return this;   }; 

上面的方法很简单，就是form插件的使用，还有几个们需要实现的方法。(inputValidate,submitValiedate,ajaxMsg)

既然是ajax提交，们则需要给客户端一个反馈信息，然后用Lightbox呈现。

Dynamic .NET TWAIN是一款用于.NET桌面应程序下的扫描控件，可以从任何兼容TWAIN的驱动获取图像，市面上少有的分发完全免费的扫描控件，控件中国网：023-6787 0900