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>

jquery 预览提交的表单