qq1355541448
qq1355541448

jquery.form.js 提交教会你怎样用ajaxForm

<html>
<head>
<meta content="text/html" charset=utf-8 />
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.form.js"></script>
<script type="text/javascript">
       // wait for the DOM to be loaded


          $(document).ready(function() {
var optionss = { 
dataType:"text", 
 type:'post', 
 url: "chuli1.php", 
 beforeSubmit:showRequest,  
  success:showResponse,
  clearForm:true ,
}; 


          $('#myForm').ajaxForm(optionss);
      function showRequest() {
          if($("#name").val()==''){
   alert("name不能为空");
exit;
 }
       }
 function showResponse(data){
    var $datas=eval("("+data+")");
alert($datas.name+"*****"+$datas.comment);
 }


         });


     </script>


</head>
<body>
  <form id="myForm" action="chuli1.php" method="post">


     Name: <input type="text" name="name" id="name" />


     Comment: <textarea name="comment"></textarea>


     <input type="submit" value="Submit Comment" />


</form>


</body>

</html>


chuli1.php

<?php
header("Content:text/html; charset=utf8");
if($_POST['name']=='admin'){
  $array=array("name"=>$_REQUEST["name"],"comment"=>$_REQUEST['comment']);
  echo json_encode($array);
}else{$array=array("name"=>"MSD:","comment"=>"error");
echo json_encode($array);
}
?>

你可能感兴趣的:(jquery.form.js)

  • 使用jquery.form.js插件通过ajax异步提交表单数据并上传文件 fenyu8 jsWeb前端javascriptjqueryajax
    1.引用依赖/include/jquery-1.6.4.js">/include/jquery.form.min.js">2.编写表单内容/servlet/imageInvoiceServlet?_actionType=invoiceOcr">">">"> 上传发票至影像系统： 提交3.通过ajax异步提交表单并上传文件//提交表单并上传文件functionuploadFile
  • 使用jQuery.form插件，实现完美的表单异步提交 iteye_10913 jquery使用jQuery.form插件实现完美的表单异步提交
    出处：http://www.cnblogs.com/heyuquan/archive/2013/06/30/3163910.html今天我想介绍的是一款jQuery的插件：Jquery.form.js官网。通过该插件，我们可以非常简单的实现表单的异步提交，并实现文件上传、进度条显示等等。现在我们从一个ASP.NET同步表单提交开始，然后再将其转化为异步的表单提交。我写了3种表单提交示例，并简单分析
  • jQuery Form Plugin应用心得 bokix javascriptjqueryservleturljavascriptuploadfile
    Technorati标签:javascript,jquery,jquery.form.js,jqueryformpluginjquery.form.js,http://malsup.com/jquery/form/，中文文档地址：http://docman.cn/docs/jquery.form.plugin/jquery.form.plugin.html#faqjquery.form.js可以用
  • Spring MVC异步上传、跨服务器上传和文件下载 会洗碗的CV工程师 ssm框架#SpringMVCjavamavenspringmvc
    一、异步上传之前的上传方案，在上传成功后都会跳转页面。而在实际开发中，很多情况下上传后不进行跳转，而是进行页面的局部刷新，比如：上传头像成功后将头像显示在网页中。这时候就需要使用异步文件上传。1.1JSP页面编写JSP页面，引入jQuery和jQuery表单上传工具jquery.form.js【该js文件已经上传到我的资源，有需要的小伙伴可以自行下载】upload4.jsp上传文件上传$(func
  • Java上传图片文件到服务器，包括单文件、多文件，兼容IE8、9 小佩丫 Javajavahtmlspringmvc
    关于项目：后端采用SpringMVC框架，前端用到jQuery-1.9.1-min.js、jquery.form.js，可以满足同时上传多个文本内容和多个文件，上传速度快，并且兼容IE8、9，Chrome等主流浏览器。需求背景：需要上传多条商品记录，每条记录包含多个文本说明和一个图片文件。前期思考上传图片到服务器有两种做法，一、是把图片转换为Base64字符串，与文本信息一同通过json形式传给后
  • jquery.form.js异步上传文件 凌云_ccd7
    我理解的ajax异步上传文件其实就是基于原生input的文件上传，只不过使用了异步提交html图片发自Appjs图片发自App
  • jquery.form.js文件上传ie9下bug 凌云_ccd7
    文件上传ie下bugBug描述：在ie9下上传文件，选择不符合格式的文件并且提示错误，第一次选择的时候提示错误，可是第二次选择的还是第一次选择的文件，则不提示了Bug原因：因为ie9下记录了input的文件上传的路径，也就是其value，所以直接没有走我写的方法里面去解决方案：在第一次选择错误的文件之后，清空我现有的form表单，重新放进去一个表单，则可以解决这个问题html第一次文件上传走的js
  • jquery.form.js使用 L Z C 笔记javascriptjquery前端
    jquery.form.js和jquery.form.min.js的函数基本都兼容，所以找到哪个下载哪个就好啦！代码链接：jquery.form.min.js：https://plugins.jquery.com/form/jq：https://jquery.com/download/使用说明头文件：$(document).ready(function(){$(function(){varopti
  • Java实现图片上传至FastDFS入门教程
    今天来开始写图片上传的功能,现在的图片上传都讲求上传完成后立刻回显且页面不刷新,这里到底是怎么做的呢?当然是借助于ajax了,但是ajax又不能提交表单,这里我们还要借助一个插件:jquery.form.js剩下的一个是FastDFS,那么什么是FastDFS呢?FastDFS是一个开源的轻量级分布式文件系统，由跟踪服务器（trackerserver）、存储服务器（storageserver）和客
  • 手机号，验证码登录校验（指定时间内，指定IP不用重复登录）；获取客户端IP；手机号正则Pattern 花繁柳密处 模板代码
    在“字符验证码的创建”一文中，已经介绍了如何创建验证码，这回我们使用手机号和验证码来做登录校验：HTML页面：手机号：验证码：看不清，换一张登录JavaScript代码（使用了jquery.form.js）：functionsubmit(){$("#form").ajaxForm(function(r){alert();if(r&&r.success){window.location.href="
  • Layui环境下form表单提交；jquery.form.js；lay-verify，lay-filter； 花繁柳密处 Layui
    话不多说，直接看代码：引入相关文档：（这里会使用ajax与jquery.form.js进行表单提交）Form表格部分：姓名：性别：请选择男女类型：请选择手机：生日：保存需要注意的点：form标签需要添加class="layui-form"，否则以下关于form的相关操作无效；lay-verify用于表单校验，并且需要在提交按钮中添加lay-submit="";lay-filter相当于一个选择器，
  • 用form表单input type="file"上传文件（提交前判断） GinaV htmlJQueryJs
    1、用/jquery.form.js上传文件，提交前判断是否选择了文件（之前很纠结判断问题，写在beforeSend里面不管什么情况都会提交）2、用ajax接收信息3、优化提交按钮样式HTML页面代码：UploadFileSelectfile:Uploading....../*上传文件控件*/$("#uploadedfile").change(function(){varfilename=$(th
  • ie8兼容性问题(八) jquery——ajaxSubmit 云_飞扬 ie8兼容前后台交互
    jquery.form.js是jquery的一个插件。其中有一个方法是ajaxSubmit。用于form表单的提交。这个方法是这么用$("#form").ajaxSubmit({type:"POST",url:"../../integralIndexController.do?savaFileSave",success:function(data){},error:function(data){}
  • jQuery.ajax提交GB2312或GBK编码中文乱码问题 Mlive jquery
    最近遇到了一个小问题，编码问题，在使用mkdir来创建文件夹时，如果你的页面文件编码格式一定要是gb2312的，因为utf-8不支持中文格式的。如果文件是utf-8的中文文件名就会是乱码。但在使用jquery和jquery.ajax时，JS会将字符转换成为utf-8的格式，这样与文件gb2312格式不符就会出现乱码。我从网上找了一个经过处理的的jquery.form.js经过它处理之后的数据就可以
  • 使用jquery.form.js实现文件上传及进度条前端代码 阿留申低压 javascript
    1、背景ajax的表单提交只能提交data数据到后台，没法实现file文件的上传还有展示进度功能，这里用到form.js的插件来实现，搭配css样式简单易上手，而且高大上，推荐使用。2、静态页搭建html代码如下选择文件0%需要解释下我的结构，#upload-input-file的input标签是真实的文件上传按钮，包裹form标签后可以实现上传功能，#upload-input-btn的butto
  • 前端----实现图片上传与预览（兼容IE8） Muscle_Mliu 前端工作记录
    最近在做人脸库添加修改等功能，其中有一个功能就是人脸图片的上传和预览，这边就遇到的问题做一下简单的记录。（自己也是在网上搜索别人的方法，再加上一些自己整理）先看一下效果：上传使用的插件：jquery.form.js原因：对于高级浏览器，可以利用formData和xmlHttpRequest2.0使用ajax进行图片等文件上传；对于低级浏览器，需要使用iframe配合form表单提交来模拟ajax提
  • 利用ajaxSubmit()实现Form表单submit()提交后的回调函数 周末未至 #Web前端
    1、引入JQueryForm表单的js下载链接：jquery.form.js密码：fqr92.设置相应的参数$(function(){   //1.基本参数设置    varoptions={       type:'POST', //设置表单提交方式        url:"${ctx}/jinzhu/dtUser/save",//设置表单提交URL,默认为表单Form上action的路径   
  • SpringMVC form表单 上传多个文件 dream_heheda SpringMVC前后台交互-form
    参考http://www.cnblogs.com/dongying/p/4388464.html上传多张图片的后台/resources/js/jquery.min.js">/resources/js/jquery.validate.min.js">/resources/js/jquery.form.js">的name都应该是files-->$("#createForm").validate({//
  • （九）springmvc之json的数据请求（客户端发送json数据到服务端） weixin_33937913
    index.jsp/script/jquery-1.7.2.min.js">/script/jquery.json-2.4.js">/script/jquery.form.js">Inserttitleherefunctiontest_2(){varpostURL="/jsonController/receive_jsonData_2?date="+newDate()+"";//第2种简单的方法v
  • js上传实现进度圆圈以及图片预览 Hx_toy js
    过去项目的需求：1、上传身份证照片时显示上传时的进度效果；2、上传结束后预览照片；先附上图：完整案例下载地址：http://download.csdn.net/download/webtoy/9970435思路：1、引入jquery.form.js插件；2、ajaxSubmit上传以及canvas画圈，在ajaxSubmit的uploadProgress方法中传参关联上传进度，上传成功后设置照片路
  • jquery.form.js，文件上传后返回JSON数据,在IE下提示下载文件（ie8，9） soso辉 jqueryie8jquery.form.js
    如上代码，在IE8下，上传成功后返回json，会自动弹出下载文件框，变成作为流文件提示下载。原因：返回的ContentType和请求的Accept不一致!先看jqueryform插件ajax上传文件的原理：1、浏览器实现了XMLHttpRequestlevel2规范的，则插件使用xhr直接提交文件。通常来说chrome、firefox都实现了xhrlevel2规范2、浏览器只实现了XMLHttpR
  • ie中出现的jquery.form.js拒绝访问，input上传按钮必须主动点击 soso辉 jqueryie8兼容性jquery.form.js
    上传文件//保存导入$("#uploadFile").click(function(){$("#dataFile").click()})在IE里面使用jquery.form.js上传突然出现拒绝访问，用的是jq的模拟click事件。发现在ie中除非你点击file控件的浏览按钮，否则是没有权限去上传文件的，然后需要以form表单的形式提交，且必须要有enctype属性。也就是说不可以通过js来控制f
  • 在angular2中使用tinymce富文本编辑，并实现上传图片功能 weixin_33712987
    为什么80%的码农都做不了架构师？>>>使用tinymce富文本编辑实现上传图片功能:第一步：使用jquery.form.js插件；自己去百度下载这个插件。第二步：在angular2的目录中引入，如何引入：在assets中建一个js文件夹，将jquery.form.js引入，然后到.angular-cli.json中添加代码"scripts":["../node_modules/jquery/di
  • 云客Drupal源码分析之系统AJAX（一）：概述与示例 u011474028 Drupal8
    这是很多读者期待的一个激动人心的时刻，从本篇起，本系列将分多集连续全面介绍Drupal系统的AJAX实现，在阅读前需要掌握一些必须的前置知识，请先阅读本系列以下主题：《全局设置与前端API》《jQuery表单库jquery.form.js详解》此外需要读者熟悉jQuery，如果JS编程不熟悉，云客为你准备了以下教程：《PHP开发者的JavaScript快速教程（phper简明js教程）》Drupa
  • jquery.form.js失效问题。 weixin_34044273
    项目中引用jquery.form.js插件。打算用.ajaxForm(options);方式提交到后台，但是发现.ajax是可以正常交互的，但是.ajaxform就是不行。首先在form表单中，button的type问题。form表单中，button的type有三种值。分别是：reset:如果buttontype="reset"在没有任何事件的条件下，会清空当前form的所有内容。button:默
  • 使用 jquery.form.js插件上传带有附件的表单 tangxiujiang jquery
    使用jquery.form.js插件上传带有附件的表单，附件可以是.txt，.xls，.csv。下面就介绍下可以上传文件的表单，并且限制上传文件的大小和类型。1、准备工作：在html的标签里面引入jquery.js和jquery.form.js插件，必须先引入前者在引入后者，如下面所示：2、html如下：选择文件支持文件格式：txt，xls，csv3、js如下：$(function(){varac
  • 【jquery.form.js】提交表单 归去来兮矣 C#.NETJS/JQuery
    jquery.form.js插件有两种提交表单的方式①$.fn.ajaxSubmit②$.fn.ajaxForm如果设置type="submit"，则使用.ajaxform如果设置type="button"，js方法中，就可以用.ajaxSubmit...确定varform_addServiceInfoAll=$("#form_addServiceInfoAll").serialize();//将
  • jQuery.form.js详细用法 某知名砖家 Java程序员
    记录我jqueryfrom的学习笔记，也是借鉴了好几个人的博客，在此谢过，并补充一些没有提到的内容：借鉴博客：http://www.jb51.net/article/75692.htmhttps://www.cnblogs.com/hgmyz/p/6708512.html相关js：jquery-3.3.1.min.js：http://jquery.com/downloadjquery.form.m
  • 使用jquery.form.js上传图片或文件 funi16 js
    这个插件是通过ajax的方式提交整个表单，然后可以返回信息到提交的页面去。要注意的是，这个插件适用于只提交图片等文件的情况，如果表单里面还有其他信息要提交的话，得看具体情况，比如说，要提交图片，返回信息，再提交表单里面的信息的时候，这个插件就不怎么适合。我使用的时候是提交图片，上传完成后返回图片的id和url，显示图片。jsp里面导入控件functionupload1(o){varhideForm
  • Jquery.form.js 上传图片 @mT.沙海 资料记录html
    html:JS:functionUpdateUserInfo(){varfilepath=$("input[name='Filedata']").val();varextStart=filepath.lastIndexOf(".");varext=filepath.substring(extStart,filepath.length).toUpperCase();if(ext!=".BMP"&&e
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他