jquery 预览提交的表单

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

演示

 

 

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>