back>>
http://www.cnblogs.com/wzmaodong/archive/2009/03/03/1402635.html
使用示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>form表单插件</title>
<script type="text/javascript"
src="js/jquery.form.js">
</script>
<style type="text/css">
body{font-size:13px}
.divFrame{width:260px;border:solid 1px #666}
.divFrame .divTitle{padding:5px;background-color:#eee;font-weight:bold}
.divFrame .divContent{padding:8px;line-height:1.6em}
.divFrame .divBtn,#divData{padding-bottom:8px;padding-left:8px}
.txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px}
.btn {border:#666 1px solid;padding:2px;width:80px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
</style>
<script type="text/javascript">
$(function() {
//定义一个表单提交时的对象
var options = {
url:"Login.aspx", //默认为form中的action,设置后便覆盖默认值
target: "#divData" //将服务器返回的数据显示在Id号为divData元素中
}
$("#frmUserInfo").ajaxForm(options);//以Ajax的方式提交表单
})
</script>
</head>
<body>
<form id="frmUserInfo" method="get" action="#">
<div class="divFrame">
<div class="divTitle">
用户登录
</div>
<div class="divContent">
<div>
用户名:
<input id="username" name="username"
type="text" class="txt" />
</div>
<div>
密码:
<input id="userpass" name="userpass"
type="password" class="txt" />
</div>
</div>
<div class="divBtn">
<input id="sbtUser" type="submit"
value="提交" class="btn" />
</div>
<div id="divData"></div>
</div>
</form>
</body>
</html>
分享到:
相关推荐
使用jQuery.form插件,实现完美的表单异步提交
jquery-form - jQuery表单生成插件 。
jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。
Ajax表单提交插件jquery form
高质量的jQuery表单验证插件,可以节约web开发者的时间。A Jquery Inline Form Validation
NULL 博文链接:https://wsfei.iteye.com/blog/1522683
Jquery的表单插件 jquery.form-官方正式版.rar 。
jquery 插件 表单验证 用于验证 封装成了jquery插件。调用简单,方便使用。
jquery表单验证插件jquery.form.js.pdf
jquery 表单插件 可以异步上传表单内容 不用直接构造
包含Jquery1.6,JqueryUI界面插件,JqueryForm表单异步提交插件,Jqueryvsdoc,VS2008提示插件,JqueryValidate表单验证插件
jquery插件 利用json 绑定 form 表单数据
jquery formValidation是个强大的jquery插件,使用简单,自定义提示层,弹出警告框,能验证常用的表单输入框。
之前写个了个美化插件,后台人员运用时发现内容多于6个时无法显示超出的内容,所以重新上传一下
jquery的一个form插件,通过很简单的ajaxForm和ajaxSubmit两个函数,就可以自动获取指定表单的所有信息并提交,省略手写jquery的ajax函数的繁琐过程。文件里除了这个插件拥有的一些函数外,还包含函数使用的解释代码...
Jquery validate和form两个插件,完美进行表单验证和Ajax无刷新方式提交form表单,很有用的哦。
该压缩包是jQuery的form表单校验插件,demo文件夹中是其说明文档,使用方法比较简单,查看说明文档都可以快速使用
jquery验证form,表单,操作cookie 插件
Jquery formvalidation的源码和示例,收费版本前的最后一个免费版本。
完美超强的 表单验证插件,内包含详细文档说明,容易上手