jquery 预览提交的表单

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

1. <formclass="mform"id="myform"method="POST"id="myform"action="">
2. <fieldset>
3. <legend>Registeration</legend>
4. <tablecellspacing="0">
5. <tbody>
6. <tr>
7. <td><labelfor="u_name">Username:</label></td>
8. <td><inputtype="text"name="uname"id="u_name">
9. <td>
10. </tr>
11. <tr>
12. <td><labelfor="u_pwd">PassWord:</label></td>
13. <td><inputtype="password"name="uname"id="u_pwd"></td>
14. </tr>
15. <tr>
16. <td><labelfor="u_mail">Email:</label></td>
17. <td><inputtype="email"name="uname"id="u_mail"></td>
18. </tr>
19. <tr>
20. <td><labelfor="u_country">Country:</label></td>
21. <td><selectname="Country"id="u_country">
22. <optionvalue=""selected="selected">SelectCountry</option>
23. <optionvalue="UnitedStates">UnitedStates</option>
24. <optionvalue="UnitedKingdom">UnitedKingdom</option>
25. <optionvalue="China">China</option>
26. </select></td>
27. </tr>
28. <tr>
29. <td><span>Gender:</span></td>
30. <td><inputtype="radio"name="gender"id="male"value="male">
31. <labelfor="male">Male</label>
32. <inputtype="radio"name="gender"id="female"value="female">
33. <labelfor="female">Female</label></td>
34. </tr>
35. <tr>
36. <td><labelfor="subscribe">SubscribeUs:</label></td>
37. <td><inputtype="checkbox"id="subscribe"name="subscribe"value="yes"></td>
38. </tr>
39. <tr>
40. <td></td>
41. <td><inputtype="submit"value="submit"></td>
42. </tr>
43. </tbody>
44. </table>
45. </fieldset>
46. </form>

1. <script>
2. $(document).ready(function(){
3. $('#myform').PReviewForm();
4. });
5. </script>