本文中实现在html中使用jquery的组件实现form表单提交跳转页面的代码提交并在当前页面中处理返回值

（1）、一个带id和name嘚隐藏的iframe,name用于from指定跳转目标使用，id用于js中操作该控件指定了宽和高为1px用以避免某些浏览器直接不加载该iframe组件。指定style使得iframe不可见

（3）、給from设置提交回调函数，该回调函数用于后续区分是否是提交导致的iframe加载回调；

（4）、在document加载完毕（ready）中获取并设置from的onload回调如果在外面获取可能获取到的控件为null；

（5）、页面加载时也会回调iframe的加载函数，所以需要设定一个标志位用于记录是否是提交导致的回调

在form表单提交跳转页面的代码的submit方法中调用ajaxSubmit进行提交，在提交前还可以在哪submit中对数据进行修改ajaxSubmit的使用详细请自行查阅。如下为一个简单例子：

validate进行form表單提交跳转页面的代码验证在form提交前使用md5对密码进行加密并将加密结果写入到一个隐藏的input中，然后再调用ajaxSubmit进行提交提交成功之后会将頁面重定向到一个传入的参数页面。失败时使用noty弹出一个提示对话框demo可以自行修改验证。运行失败效果如下成功时会定向到新页面。

本文中实现在html中使用jquery的组件实现form表单提交跳转页面的代码提交并在当前页面中处理返回值

（1）、一个带id和name嘚隐藏的iframe,name用于from指定跳转目标使用，id用于js中操作该控件指定了宽和高为1px用以避免某些浏览器直接不加载该iframe组件。指定style使得iframe不可见

（3）、給from设置提交回调函数，该回调函数用于后续区分是否是提交导致的iframe加载回调；

（4）、在document加载完毕（ready）中获取并设置from的onload回调如果在外面获取可能获取到的控件为null；

（5）、页面加载时也会回调iframe的加载函数，所以需要设定一个标志位用于记录是否是提交导致的回调

在form表单提交跳转页面的代码的submit方法中调用ajaxSubmit进行提交，在提交前还可以在哪submit中对数据进行修改ajaxSubmit的使用详细请自行查阅。如下为一个简单例子：

 上述例孓实现一个简单的登录form表单提交跳转页面的代码form表单提交跳转页面的代码使用jquery validate进行form表单提交跳转页面的代码验证，在form提交前使用md5对密码進行加密并将加密结果写入到一个隐藏的input中然后再调用ajaxSubmit进行提交。提交成功之后会将页面重定向到一个传入的参数页面失败时使用noty弹絀一个提示对话框。demo可以自行修改验证运行失败效果如下，成功时会定向到新页面