`
ronon
  • 浏览: 193642 次
  • 性别: 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表单验证特效示例

    7. **表单提交阻止**:当表单中有错误时,通过验证插件可以自动阻止表单的提交,直到所有问题解决。 8. **特效实现**:通过CSS样式和jQuery的动画效果,可以为错误提示添加动态效果,如闪烁、颜色变化等,提高用户...

    jquery-form - jQuery表单生成插件

    这个插件使得动态表单的创建和管理变得更加简单,同时提供了丰富的功能,如多文件上传、进度条显示、错误处理等。 在jQuery-form中,你可以轻松实现异步(Ajax)提交表单,避免页面刷新,提升用户体验。它支持多种...

    jquery表单验证特效

    总结来说,jQuery表单验证特效是提高用户交互体验的重要手段,它通过动态验证和视觉反馈,使用户在提交表单前就能发现并改正错误,从而提升网站的质量和专业性。无论是自定义验证逻辑还是利用现成的验证插件,jQuery...

    8种jquery表单特效.zip

    5. **下拉菜单(Dropdown Menus)**:jQuery可以创建动态的下拉菜单,如多级导航,这在处理复杂表单选项时非常有用,使用户能更直观地选择。 6. **步骤表单(Step Forms)**:分步表单允许用户逐步填写,每一步只关注一...

    jQuery实现的表单提交滑动验证实例特效源码.zip

    总的来说,这个实例源码提供了学习和实践jQuery动态交互功能的机会,尤其是涉及到表单验证和用户体验优化方面。通过深入研究和理解这个代码,开发者可以提升自己的前端技能,为网站添加更多吸引人的交互元素。

    jQuery滑动式分步注册表单插件

    通过利用jQuery的DOM操作和事件绑定,开发者可以轻松地实现表单的动态切换和验证。 ### 插件概述 该插件的主要目标是创建一个分页滑动的注册流程,每个步骤之间通过平滑的动画过渡。这不仅使界面看起来更专业,也...

    jQuery ajax提交Form表单实例(附demo源码)

    这时,我们可以编写一个辅助函数,比如`ajaxSubmit`,它接受Form元素和一个回调函数作为参数,自动处理表单的提交。核心JS代码如下: ```javascript function ajaxSubmit(frm, fn) { var dataPara = getFormJson...

    完美的jQuery拖拽式表单设计器.rar

    所有由Formbuild创建的表单都具有响应式布局,自动适应不同设备屏幕,无论是桌面、平板还是手机,都能提供一致的用户体验。 9. **预览与发布** 设计完成后,用户可以实时预览表单效果,并一键发布到网站或分享...

    jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据

    "jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据"是一个典型的例子,展示了如何结合前端技术和后端技术实现高效的数据管理。以下是这个项目涉及的关键知识点: 1. **jQuery**:jQuery是一个强大的...

    jQuery文字列表滚动的问卷调查表单提交

    在“jQuery文字列表滚动的问卷调查表单提交”这个主题中,我们将深入探讨如何利用jQuery来实现一个动态的文字列表滚动效果,并结合问卷调查表单的提交功能。 首先,我们需要理解jQuery的基本用法。jQuery通过$符号...

    jquery高级注册表单.zip

    此外,为了提升用户体验,我们通常会结合使用AJAX进行异步数据提交,避免页面刷新,同时利用jQuery的`$.ajax`或`$.getJSON`方法与服务器进行通信,实现数据的动态更新。 总的来说,《jQuery高级注册表单》这个项目...

    asp.net mvc3 表单提交和异步提交

    在MVC3中,可以结合AJAX辅助方法,如`@Ajax.BeginForm()`,它会自动生成Ajax表单,使得Ajax提交更加方便。 在Ajax提交中,错误处理和验证也很重要。ASP.NET MVC3提供了客户端验证功能,可以在浏览器端验证表单数据...

    jQuery formValidator表单验证插件3.5a版本发布,适合jQuery1.3.2类库

    5. **触发验证**:可以是表单提交时自动触发验证,也可以通过调用jQuery方法手动触发。 三、3.5a版本改进 此版本可能包含以下改进: - 修复已知bug,提升稳定性。 - 优化性能,减少不必要的计算和渲染。 - 添加新...

    jQuery表单提交滑动验证实例.zip

    在这个"jQuery表单提交滑动验证实例"中,我们将深入探讨如何利用jQuery和相关CSS技术实现一种有效的表单验证机制,特别是滑动验证这种常见且有趣的互动方式。 首先,滑动验证是一种常见的验证码形式,用户通过拖动...

    jQuery 表单美化-jNice

    jQuery库提供了一种强大的方式来增强网页的动态效果和交互性,而jNice正是基于jQuery的一个专门用于美化和增强表单功能的插件。它使得原本单调无趣的HTML表单变得生动且易于使用,提升了用户的填表体验。 jNice的...

    jquery验证form,表单,操作cookie 插件

    本文将深入探讨如何使用jQuery进行表单验证、操作Cookie,并介绍相关的插件。 ### jQuery表单验证 jQuery提供了丰富的API,使得表单验证变得简单易行。在前端验证用户输入的数据是必要的,可以提升用户体验,防止...

    jQuery弹出登录表单窗口插件.rar_jQuery弹出登录表单窗口插件

    在登录表单插件中,jQuery的强大功能得以体现,尤其是在处理用户交互和动态显示内容方面。 弹出登录表单的设计通常是通过创建一个隐藏的HTML元素(如div),然后使用jQuery的`.show()`方法将其显示出来。在这个过程...

    jquery仿新浪微博评论回复交互表单代码

    1. **DOM操作**:在实现评论和回复表单时,我们需要对HTML元素进行动态创建和修改。例如,当用户提交评论后,我们可以通过`$(selector).append()`方法将新的评论项插入到评论列表中。同时,利用`$(selector).html()`...

    [jQuery入门到精通]第11章:实战表单验证与自动完成提示插件

    jQuery的validate插件是一个强大的、易于使用的表单验证工具,它允许开发者在用户提交表单之前检查输入的有效性。这个插件提供了丰富的选项和方法来定制验证规则,使得表单验证既简单又灵活。 1. **基本使用** 在...

    JQuery 表单美化和验证Formly

    你可以在这里找到如何创建表单、设置验证、处理用户交互等具体操作的指导。 总的来说,jQuery Formly是提高表单开发效率和质量的有力工具,无论你是新手还是经验丰富的开发者,都能从中受益。利用Formly,你可以更...

Global site tag (gtag.js) - Google Analytics