jquery预览提交的表单
预览表单,查看后确认提交或者返回重填
JavaScript Code
演示
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预览提交的表单】相关文章
2. PhoneGap教程第四讲 Jquery Mobile中的表单与列表
4. 如何使用javascript/jQuery预先加载图片
5. PHP结合HTML5使用FormData对象提交表单及上传图片
9. jQuery表单验证插件 jQuery.validity
本文来源:https://www.51html5.com/a1332.html
﹝jquery预览提交的表单﹞相关内容
- 一个在线预览所有原生 HTML5 表单元素效果的网站
- 解析中文字体在CSS中的表达方式
- 分享10款主流web前端的基于jquery源码预览下载
- 10款超炫的开源jquery的源码预览效果
- jQuery可放大预览的图片滑块插件
- jQuery图片放大预览插件
- 使用CSS3帧动画打造与众不同的响应式提交按钮
- Mozilla Marketplace接受开发者提交HTML5 Apps
- Appcan将支持在线编译提交App Store
- 利用HTML5与jQuery技术创建一个简单的自动表单完成