简单实用的反馈表单无刷新提交带验证
2013-11-15 00:00
537 查看
js文件可以查看源码
XML/HTML Code
JavaScript Code
XML/HTML Code
<div id="preview"></div> <div id="formbox"> <form name="form" id="form" action="submit.php" method="post"> <ul id="ngothastyle3" > <li> <label>Name</label> <input type="text" name="name" class="" maxlength="40" /> </li> <li> <label>Email</label> <input type="text" name="email" class="" maxlength="100" /> </li> <li> <label>Message</label> <textarea name="message" rows="5" cols="45" class=""></textarea> </li> <li> <label> </label> <input type="submit" value="Submit"> </li> </ul> </form> </div>
JavaScript Code
<script type="text/javascript"> $('document').ready(function(){ $('#form').validate({ rules:{ "name":{ required:true, maxlength:40 }, "email":{ required:true, email:true, maxlength:100 }, "message":{ required:true }}, messages:{ "name":{ required:"This field is required" }, "email":{ required:"This field is required", email:"Please enter a valid email address" }, "message":{ required:"This field is required" }}, submitHandler: function(form){ $(form).ajaxSubmit({ target: '#preview', success: function() { $('#formbox').slideUp('fast'); } }); } }) }); </script>
相关文章推荐
- 简单的反馈表单无刷新提交带验证
- JS表单提交验证、input(type=number) 去三角 刷新验证码
- 一个简单的表单提交页面,通过js进行验证
- 前端杂记(1):表单提交验证、input(type=number) 去三角,刷新验证码
- struts2 国际化,防止刷新重复提交表单与邮箱格式验证
- jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).
- 无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
- 写给新手:js的表单操作(二) 简单的表单提交验证
- 用Javascript 验证表单提交&css简单认识
- jquery.validate.js【简单实用的表单验证框架】【进阶版】
- 介绍jquery.validate.js简单实用的表单验证框架
- 表单验证ajax无刷新表单提交
- javascript脚本之表单验证(一些简单实用的javascript)
- 防止页面刷新时表单的重复提交的最简单方法(C#)
- easyui取消表单实时验证,提交时统一验证的简单实例
- 无刷新提交表单(php+js+ajax简单实例 )
- 简单实用的跨域表单POST提交
- 简单Ajax实现无刷新提交表单并获取响应
- prototype1.5应用--简单的表单提交验证