`
ronon
  • 浏览: 186779 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

JQuery 动态创建表单,并自动提交

 
阅读更多

前言:写这个是为了实现使用cookie进行自动登录的功能,

下面的代码是一个元素一个元素进行创建和赋值的,

(可以尝试下将所有的html代码(form、input)全部拼好以后放到${ } 中,再进行提交。)

submit的时候注意下写法,就这样

 

               //获取cookie中的值,填充到表单中,提交, 登录
        	var name=getCookieByIndex(1);
        	var pwd=getCookieByIndex(2);
           	
        	//创建from表单及其子元素
        	var form=$("<form></form>"); 
        	//设置form的属性值
        	form.attr("action", basePath+"/info/login.html");  
            form.attr("method", "post");  
            //创建一个文本框
            var input_text = $("<input type='text' id='userNo' name='userInfo.loginName' />");  
            input_text.attr("value", name); 
            //创建一个密码框
            var input_pwd = $("<input type='password' id='passwd' name='userInfo.loginPwd'/>");  
            input_pwd.attr("value", pwd); 
            //附加到表单
            form.append(input_text);
            form.append(input_pwd);
        	//提交表单  *注意此处的写法,要先将创建的form渲染到body之中才可触发submit()事件,否则是不能触发的
                form.appendTo(document.body).submit();
        	return false;

 

分享到:
评论

相关推荐

    超实用的jQuery代码段

    10.20 动态创建listview列表项 10.21 动态加载和切换页面 10.22 在页面切换时显示加载进度框 10.23 在屏幕旋转时更改显示样式 10.24 在列表框中实现加载更多效果 10.25 自定义选择菜单 10.26 使用多个选择菜单进行...

    jQuery攻略.pdf

    并且可以设置每页的行数 269 9.2 为图片添加注解 271 9.3 拖放表格中的行 273 9.4 取得、序列化并清理表单控件 275 9.5 通过Ajax提交表单 277 9.6 找到元素的准确位置和大小 281 9.7 以传送带的方式显示图片 284 9.8...

    jQuery EasyUI 1.3 API 中文教程

    api+实例解析 对于普通系统开发绝对...创建异步提交表单 创建树形下拉框 表单验证 格式化下拉框 动态下拉数据表格 创建简单的菜单 创建简单的菜单 扩展应用 组件加载 easyUI 主题 关于EasyUI

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    开小差之自动登录抽屉并点赞 eval以及时间操作 JavaScript作用域 JavaScript面向对象及原型 Dom选择器以及内容文本操作 Dom样式操作 Dom属性及创建标签 Dom提交表单及其他 Dom事件操作 Dom事件操作补充 Dom绑定时间...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-15 1 zendframe手动部署 自动部署 10-15 2 zendframe架构讲解 10-15 3 view layout布局 10-15 4 view helper视图助手 10-15 5 遗留问题解决 10-15 6 zf重新部署 10-15 7 zf controller讲解 10-16 1 model讲解 ...

    精通AngularJS part1

    为用户信息表单增加动态行为154 显示验证错误155 让保存按钮无效156 使原生浏览器校验无效157 56在其他表单中嵌套表单157 将子表单作为可重用组件157 57重复子表单158 验证重复输入159 58处理传统的HTML表单...

    GoodProject Maven Webapp.zip

    jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。 用户可以组合使用这些组件,也可以单独使用其中一个。 ...

    SpaceBuilder v3.1[免安装]源码

    8. 解决提交表单时,会出现提交按钮一直显示“正在处理…”的情况 9. 解决启用Http压缩时,如果页面出错,则会显示乱码问题 10.用户标签选择器超出输入个数限制时,不能阻止用户继续添加 11.管理员在后台奖罚积分时...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +修正动态创建Grid列的BUG(feedback:gxpan)。 -增加示例(data/grid_dynamic_columns.aspx)。 -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, ...

    ExtAspNet_v2.3.2_dll

    +修正动态创建Grid列的BUG(feedback:gxpan)。 -增加示例(data/grid_dynamic_columns.aspx)。 -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, ...

    (全)传智播客PHP就业班视频完整课程

    10-15 1 zendframe手动部署 自动部署 10-15 2 zendframe架构讲解 10-15 3 view layout布局 10-15 4 view helper视图助手 10-15 5 遗留问题解决 10-15 6 zf重新部署 10-15 7 zf controller讲解 10-16 1 model讲解 ...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    10-15 1 zendframe手动部署 自动部署 10-15 2 zendframe架构讲解 10-15 3 view layout布局 10-15 4 view helper视图助手 10-15 5 遗留问题解决 10-15 6 zf重新部署 10-15 7 zf controller讲解 10-16 1 model讲解 ...

    史上最全传智播客PHP就业班视频课,8月份视频

    10-15 1 zendframe手动部署 自动部署 10-15 2 zendframe架构讲解 10-15 3 view layout布局 10-15 4 view helper视图助手 10-15 5 遗留问题解决 10-15 6 zf重新部署 10-15 7 zf controller讲解 10-16 1 model讲解 ...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    10-15 1 zendframe手动部署 自动部署 10-15 2 zendframe架构讲解 10-15 3 view layout布局 10-15 4 view helper视图助手 10-15 5 遗留问题解决 10-15 6 zf重新部署 10-15 7 zf controller讲解 10-16 1 model讲解 ...

    文章管理系统

    5.加强前台提交表单信息的安全过滤 6.修复几个细节BUG 2014年04月30日 V2.84更新包(推荐升级) 1.修复安装向导配置时对数据库字符过滤不严存在入侵漏洞 2.修复后台模板样式文件字符过滤不严存在入侵漏洞 3.修复...

    大名鼎鼎SWFUpload- Flash+JS 上传

    虽然Flash提供了上传服务,但是页面并不会提交或者重新载入。相比于标准的HTML Form,SWFUpload的使用方式更像是AJAX程序,页面中的Form会和FLASH控制的文件上传单独处理。 入门 SWFUpload并不是拖放式的上传控件...

    Javashop开发规范V2.2

    EOP自动为应用提供表单校验功能,通过指定form样式名和指定表单项特定属性的方式来完成。 5.3.1 示例 代码示例 [removed] function checkUserName(val){ if(val=='kingapex' ) return true; else return ...

Global site tag (gtag.js) - Google Analytics