jquery动态提交表单的示例

例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <button id="btn">js动态提交按钮</button>
    <script src="/jquery/2.1.0/jquery.js"></script>
    <script>
        $('#btn').click(function(){
            var form = $('<form action="http://www.111cn.net" method="post"></form>');
            form.append('<input type="hidden" value="" name="tt">');
            $("body").append(form);
            form.submit();
            //防止一些a元素
            return false;
        });
    </script>
</body>
</html>

jquery/js动态提交表单,由于实例比较简单,话不多说,就直接上代码了。

更高级一点的是 动态创建form 并提交 了,例子如下

$(document).ready(function(){
    $("a.delete").click(function(event){
        action = this.getAttribute("action")
        form = $("<form></form>")
        form.attr('action',action)
        form.attr('method','post')
        input1 = $("<input type='hidden' name='input1' />")
        input1.attr('value','input1 value')
        input2 = $("<input type='text' name='textinput' value='text input' />")
        form.append(input1)
        form.append(input2)
        form.appendTo("body")
        form.css('display','none')
        form.submit()
    })
})

时间: 2024-10-08 15:43:25

jquery动态提交表单的示例的相关文章

jquery 动态创建表单并提交例子

有时候在写web 应用的时候,需要临时动态构造一个form 并提交,form 里面的参数以及action,以及是post请求还是get请求,甚至form 的样式都是可以指定的,用原生的javascript  肯定可以做到,我用jquery做了一个测试. 我自己测试的是构造一个分页的post请求, 为了防止csrf 攻击,加入了csrf 验证,不需要的可以去掉. 例子 function genSearchObj(url,page,pageSize,keyword){     var params 

js禁止回车提交表单的示例代码

 本篇文章主要是对js禁止回车提交表单的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如下所示;  代码如下: function ifenter(){    if(event.keyCode==13){   return   false;   }else if(event.srcElement.type=="submit"){    form1.submit();    }   }    document.onkeydown=ifenter;    

jquery实现-JQUERY实现提交表单时的检测

问题描述 JQUERY实现提交表单时的检测 点击提交,验证表单中是否变更类型中有新建类型,如有新建类型的,检测是否上传模板文件,如果上传正常提交,如果没有上传,弹框提醒"请上传模版文件",提交失败. 解决方案 请参考这篇文章"jQuery插件之ajaxFileUpload",http://www.mskj.cc/article/100/204.htm 解决方案二: 这个和jquery没什么关系,都是要自己写js代码来实现检查 想偷懒就用jquery的validate

jQuery异步提交表单的两种方式_jquery

本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交  $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: GLOBAL_PATH + "/Enterprise/savecompanyphoto", data: {username:$("#username").val(), content:$("#con

Jquery ajax提交表单几种方法详解

$get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType) 请求 test.php 网页,传送2个参数,忽略返回值: $.get("test.php", { name: "John", time: "2pm" } ); 显示 test.php 返回值(HTML 或 XML,取决于返回值):  代

Jquery 异步提交表单(post)

方法  $.post(url,params,function(data){}); 表单的action,method属性都没有 input 的类型只能为button不能为submit只能为button,否则点击button会执行表单action,不会走jquery异步 前台代码 <script type="text/javascript"> $(function()         {    //异步提交表单  $("#save").click(funct

Jquery异步提交表单代码分享

 本文是jQuery结合ajax实现的异步提交表单的代码,是个人项目中提取出来的,分享给大家,有需要的小伙伴可以参考下.     功能很实用代码也很简单,就不多废话了,直接奉上: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $.ajax({ url:"mobileSurveyAction_addSurvey.action",//提交地址 data:$("#form1").serialize(),//将表单数据序列化 type:&

jQuery EasyUI提交表单验证_jquery

EasyUI的form表单里面的验证框,先讲解下validatebox类和相关的属性. 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email:匹配 email 正则表达式规则,系统提供的属性. url:匹配 URL 正则表达式规则 length[0,100]:允许从 x 到 y 个字符 remote['http://.../action.do','paramName']:发送 ajax 请求来验证值,成功时返回 'true'

Jquery ajax提交表单几种方法

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize(). 详细如下介绍: 一.$get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType) 实例 使用 AJAX 的 GET 请求来改变 div 元素的文本: $.get('login.php', {