预览表单,查看后确认提交或者返回重填

XML/HTML Code
  1. <form class="mform" id="myform" method="POST" id="myform" action="">
  2. <fieldset>
  3. <legend>Registeration</legend>
  4. <table cellspacing="0">
  5. <tbody>
  6. <tr>
  7. <td><label for="u_name"> Username :</label></td>
  8. <td><input type="text" name="uname" id="u_name">
  9. <td>
  10. </tr>
  11. <tr>
  12. <td><label for="u_pwd"> Password :</label></td>
  13. <td><input type="password" name="uname" id="u_pwd"></td>
  14. </tr>
  15. <tr>
  16. <td><label for="u_mail"> Email :</label></td>
  17. <td><input type="email" name="uname" id="u_mail"></td>
  18. </tr>
  19. <tr>
  20. <td><label for="u_country"> Country :</label></td>
  21. <td><select name="Country" id="u_country">
  22. <option value="" selected="selected">Select Country</option>
  23. <option value="United States">United States</option>
  24. <option value="United Kingdom">United Kingdom</option>
  25. <option value="China">China</option>
  26. </select></td>
  27. </tr>
  28. <tr>
  29. <td><span> Gender :</span></td>
  30. <td><input type="radio" name="gender" id="male" value="male">
  31. <label for="male"> Male</label>
  32. <input type="radio" name="gender" id="female"  value="female">
  33. <label for="female"> Female </label></td>
  34. </tr>
  35. <tr>
  36. <td><label for="subscribe"> Subscribe Us : </label></td>
  37. <td><input type="checkbox" id="subscribe" name="subscribe" value="yes"></td>
  38. </tr>
  39. <tr>
  40. <td></td>
  41. <td><input type="submit" value="submit"></td>
  42. </tr>
  43. </tbody>
  44. </table>
  45. </fieldset>
  46. </form>
JavaScript Code
  1. <script>
  2. $(document).ready(function() {
  3. $('#myform').previewForm();
  4. });
  5. </script>

jquery 预览提交的表单的更多相关文章

  1. jquery实现ajax提交form表单的方法总结

    本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:  function AddHandlingFeeToRefund( ...

  2. jquery的ajax提交form表单方式总结

    方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderServic ...

  3. jquery实现ajax提交form表单的方法总结(转)

    方法一: 复制代码 代码如下: function AddHandlingFeeToRefund() {            var AjaxURL= "../OrderManagement ...

  4. (转)ASP.NET MVC 第五个预览版和表单提交场景

    转自:http://ourlife.blog.51cto.com/708821/296171 上个星期四,ASP.NET MVC开发团队发布了ASP.NET MVC框架的“第五个预览版”.你可以在这里 ...

  5. jquery使用ajax提交form表单

    $.ajax({ type: jqform.attr('method'), // 提交方式 get/post url: jqform.attr('action'), // 需要提交的 url data ...

  6. from表单,图片预览,和表单提交

    <form> <input id="file" class="topsub-file" type="file" name= ...

  7. jquery的ajax提交form表单

    $.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// ...

  8. Jquery通过Ajax方式来提交Form表单

    今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...

  9. 使用jQuery,实现完美的表单异步提交

    jQuery异步提交表单 <form id="form1" method="post"> <table border="1" ...

随机推荐

  1. java jxl 向Excel中追加数据而不覆盖原来数据的例子

    向先原来就有数据的Excel写数据是不会覆盖原有的数据,只是在追加数据. public class Excel {     public Excel() {     }     public void ...

  2. 获取当前的 viewController

    - (UIViewController *)currentController {    UIViewController *result = nil;    UIWindow *window = [ ...

  3. Java读取excel指定sheet中的各行数据,存入二维数组,包括首行,并打印

    1. 读取 //读取excel指定sheet中的各行数据,存入二维数组,包括首行 public static String[][] getSheetData(XSSFSheet sheet) thro ...

  4. JDT入门

    1.打开Java类型 要打开一个Java类或Java接口以进行编辑,可以执行以下操作之一: 在编辑器中所显示的源代码里选择所要编辑的Java类或Java接口的名字(或者简单地将插入光标定位到所要编辑的 ...

  5. 一步步实现Promise

    最近在https://github.com/ThoughtWorksInc/rest-rpc上工作,遇到了一个scala隐式转换的问题,简单的说是要实现这么个东西: implicit def json ...

  6. 性能测试-ApacheBench

    基本简介 ApacheBench 是一个指令列程式,专门用来执行网站服务器的运行效能,特别是针对Apache 网站服务器.这原本是用来检测 Apache 网站服务器能够提供的效能,特别是可以看出Apa ...

  7. Flex 对Java端返回Collection的处理方法

    将Flex与Spring集成后(BlazeDS 与Spring集成指南 ),第一个面临的问题就是:对于Java端返回的各种Java类型的对象,Flex中能否有相应的数据类型来映射. 处理,尤其是Lis ...

  8. PHP获取curl的错误

    curl_error($ch) 用 curl_error 来获取 curl 的错误

  9. ubuntu 错误 & 解决

    1.ssh时出现“段错误(核心已转储)” 原因:说明与ssh有关的内核代码被修改过并且部分代码访问内存过界 解决:1.将内核代码被修改过的部分修改回来        2.sudo apt-get re ...

  10. Xcode升级后插件失效的原理与修复办法

    转载:http://joeshang.github.io/2015/04/10/fix-xcode-upgrade-plugin-invalid/ Xcode 的插件大大丰富了 Xcode 的功能,而 ...