form表单提交

jQuery表单选择器

南楼画角 提交于 2019-12-23 12:12:36
表单作为HTML中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以使用之前的常规选择器或过滤器,也可以使用jQuery为表单专门提供的选择器和过滤器来准确的定位表单元素。 一.常规选择器 <body> <form> <input type="text" name="user" value="123" /> <input type="password" name="pass" value="456" /> </form> </body> 可以使用id、类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name属性,还可以结合属性选择器来精确定位。 $(function () { alert($('input').size()); //2个input alert($('input').val()); //元素名定位,默认获取第一个value值:123 alert($('input[name=pass]').val()); //选择name为user的字段获取第二个value值:456 }); 那么对于id和类(class)用法比较类似,也可以结合属性选择器来精确的定位,在这里我们不在重复。对于表单中的其他元素名比如:textarea、select和button等,原理一样,不在重复。 二.表单选择器 虽然可以使用常规选择器来对表单的元素进行定位

jquery.validate.js【简单实用的表单验证框架】【进阶版】

做~自己de王妃 提交于 2019-12-23 01:25:07
这个是这个插件的 官网 和我找到的一个 中文博客 。(虽然插件的名字叫做jquery.validte.js,但其实,这个插件的名字叫jquery validation)。 基础的用法可以去看 冷子欲的文章 或者上面的博客,我这里就不详细介绍了。 首先最重要的一点,所有要验证的域都要在form里,同时这些域都要有name属性。 详细内容请见原文链接: http://www.gbtags.com/gb/share/5765.htm 1. 默认validate参数的初始化: 这个插件如果要用,肯定很多页面都会用到,毕竟如果有表单,就需要验证。而且这个插件的默认语言是英语,所以我们要转换成汉语。我们当然不希望在每个页面的js都写一遍message。所以我们可以在公用的js里面对默认message进行初始化。 jQuery . extend ( jQuery . validator . messages , { required : "必选字段" , remote : "请修正该字段" , email : "请输入正确格式的电子邮件" , url : "请输入合法的网址" , date : "请输入合法的日期" , dateISO : "请输入合法的日期 (ISO)." , number : "请输入合法的数字" , digits : "只能输入整数" , creditcard :

springMVC中对HTTP请求form data和request payload两种数据发送块的后台接收方式

让人想犯罪 __ 提交于 2019-12-22 11:32:32
最近在做项目中发现,前台提交数据时,如果通过form表单提交和ajax发送json时,springMVC后台接收不能都通过@ModelAttribute方式处理,经过一番查找后,ajax发送json请求时,后台是通过 @ResponseBody来接收数据的。但我不满足于此,对此进行了更多的研究,归纳如下: 一,form表单和ajax发送json请求提交查询请求头显示分布如下图, 经过比较后,得出 结论一; 如果请求的Content-Type设置为application/x-www-form-urlencoded,那么这个Post请求被认为是HTTP POST表单请求,参数出现在form data;其他情况如使用原生AJAX的POST请求如果不指定请求头Request Header,默认使用的Content-Type是text/plain;charset =UTF-8,或者application/json ,参数出现在Request payload块。 如果项目只是进行到此,那就太简单了,不至于此,前面已经说过了,参数出现在form data 后台通过@ModelAttribute接收,也可以通过@RequestParam接收参数;Request payload块后台通过@RequestBody接收。但是问题又来了,通过这两种方式接收数据,在接收数据前

Infopath Form Service示例:如何在InfoPath表单中引用SQL SERVER 中的数据?

痴心易碎 提交于 2019-12-22 01:01:51
Infopath Form Service示例:如何在InfoPath表单中引用SQL SERVER 中的数据? 1 为什么要这么做,要引用后台的数据干嘛? 当你打开一个基于浏览器的表单时,表单中的一些下拉式控件,比如"商品类型","材料规格",你可能不希望读者自己输入,而希望直接从系统原有的SQL SERVER中的"商品类型表"读取。 或者,你希望完成一些"自动填写"操作,比如当输入完"客户名称"时,"客户地址"一栏就会根据系统原有数据自动填写完成。 2 基于InfoPath Form Service来引用后台数据库有什么注意的? 基于网页的表单,根据SDK文档,你只能引用“只读”而不是提交的数据。也就是说,如果你想把表单直接回填到数据库,你不能直接通过Infopath的无 代码设计,必须做Event Handler、工作流、或是改用InfoPath方式。 3 这个过程InfoPath Form Service做了一个什么事情? 当用户打开这个表单的时候,InfoPath Form Service服务器 自己 ,会以 当前用户身 份, 登录SQL 服务器,用SQL把数据取回来。然后通过浏览器呈给使用者。 自己: 这很重要,因为这表明,当打开InfoPath的表单时,是服务器自己去读数据,而不是使用IE客户端。 当前用户身份: 这更重要,因为你需要手动在SQL SERVER

form表单提交转为ajax方式提交

回眸只為那壹抹淺笑 提交于 2019-12-21 04:26:32
<form action="xxx" method="get"> //action的值是请求的url地址 <div class="form-group"> <label for="name">姓名</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="jobNumber">工号</label> <input type="number" class="form-control" name="jobNumber"> </div> <div class="form-group"> <label for="nation">民族</label> <input type="text" class="form-control" name="nation"> </div> <div class="form-group"> <label for="gender">性别</label> <input type="text" class="form-control" name="gender"> </div> <div class="modal-footer">  <button type="button" class="btn btn

Django——form组件

我的梦境 提交于 2019-12-19 03:05:38
之前我们已经学习了HTML中的基本标签——form表单,我们经常使用它向后台提交数据,常规的form表单是这样的: <form action="" method="post"> <p>用户名:<input type="text" name="user"></p> <p>密码:<input type="text" name="pwd"></p> <P><input type="submit"></P> </form> 但是有许多时候我们这样使用非常不方便,为什么这样说了,上面的form表单中只有两个提交项, 但是实际中肯定不止两个,如果使用上面的方式,那么一旦有哪一个提交项不符合规定,整个form表单都得重写, 这是后用户肯定会抱怨,“凭什么错了一个全部得重写”,所以这样不方便,还有一个就是在对输入的东西值进行校验的时候, 每次都得先从前面取值,再在后台校验,烦不烦,能不能在后台生成得时候就设置好了? 这就是jango中form组件可以非常好的解决得问题。下面会一步一步解开解开它得面纱。 一、在Django中构建一个from表单 下面创建一个最简单的form表单: from django.shortcuts import render #导入forms组件 from django import forms class LoginForm(forms.Form): user =

el-table + el-form实现可编辑表格字段验证

十年热恋 提交于 2019-12-18 23:10:17
表格输入信息很常见,因此表格的验证也很必要,el-form提供了输入框验证.可以和表格结合起来用,使用效果 HTML: <div class="table_box"> <el-button type="primary" class="submit_btn" @click="addTable">添加</el-button> <!-- 如果不想展示错误提示信息,可以加上show-message参数 --> <el-form :model="productRuleForm" ref="productRuleForm" :rules="productRuleForm.rules" :show-message="false"> <el-table :data="productRuleForm.tableData" border style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> <template slot-scope="scope"> <!-- prop的规则: 在普通的form表单中是一个对象,prop是对象的属性. 表格是由多个对象组成的数组,在写prop是需要根据索引给值.这里的tableData就相当于对象的属性 !--> <!-- rules也要单独给 --> <el-form

jQuery中防止表单提交两次的方法

六眼飞鱼酱① 提交于 2019-12-18 15:40:26
遇到过表单提交两次的情况,做个记录; 解决场景:首先是表单验证,其次是防止多次提交表单; jQuery中插件:validate_submitHandler_plugin,具体的可以使用关键字搜索; 使用方法:首先在前端定义form表单,然后jQuery来处理验证和提交: <form id="application-form" class="form-horizontal"> <div class="rds panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">源表信息</h3> </div> <div class="panel-body"> <div class="form-group"> <label for="source-cluster" class="col-sm-2 control-label"><span class="required-field">*</span> 源集群:</label> <div class="col-sm-8 control-section"> <input id="source-cluster" name="sourceCluster" class="form-control" value="${cluster.name}" readonly> <

前端HTML标签

三世轮回 提交于 2019-12-18 15:20:54
一. HTML是什么   HTML是超文本暴击语言( Hypertext Markup Language )是一种创建网页的标记语言,而不是一种编程语言   本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页.对也不同的浏览器,对同一个标签可能会有不同的解释   网页文件扩展名 : .html 或 .htm 二. HTML标签格式   HTML标签由尖括号包围的关键字 : < >   HTML标签通常是成对出现的 : <div></div> 第一个标签是开始,第二个标签是结束   标签内可以有若干属性,也可以不带属性   标签语法 :     <标签名 属性1='属性值1' 属性2='属性值2'.....>显示内容</标签名>     <标签名 属性1='属性值1' 属性2='属性值2'..../>    部分重要的属性 :     id : 定义标签的唯一ID,HTML文档内唯一     class : 为html元素定义一个或多个类名     style : 规定元素的内部样式   HTML注释 :     <!--注释内容--> 三. 最基本的HTML格式 <!DOCTYPE html> #声明为HTML5文档 <html lang="zh-CN">#文档开始标记,声明网页编码 <head>#定义了HTML文档的开头

flask 在视图函数中验证表单 --

孤街醉人 提交于 2019-12-18 10:53:21
在视图函数中验证表单 因为现在的basic_form视图同时接受两种类型的请求:GET请求和POST请求。所以我们要根据请求方法的不同执行不同的代码。具体来说,首先是实例化表单,如果是GET请求,就渲染模板;如果是POST请求,就调用validate()方法验证表单数据。 请求的HTTP方法可以通过requeset.method属性获取,我们可以使用下面的方式来组织视图函数: from flask import request @app.route('/basic', methods=['GET','POST']) def basic(): form = LoginForm() #GET + POST #如果用户提交表单,并且数据通过验证 if request.method == 'POST' and form.validate(): #获取表单数据并保存 ...#处理POST请求 return render_template('forms/basic.html',form=form) #处理GET请求 当请求方法是GET时,会跳过这个if语句,渲染basic.html模板;当请求的方法是POST时(说明用户提交了表单),则验证表单数据。这会逐个字段(包括CSRF令牌字段)调用附加的验证器进行验证。 因为WTForms会自动对CSRF令牌字段进行验证