form表单提交 | 易学教程

extjs创建灵活布局的表单

阅读更多关于 extjs创建灵活布局的表单

var form = new Ext . form . FormPanel ( { // var form = Ext.create('Ext.form.Panel',{ title : "灵活布局的表单" , width : 650 , autoHeight : true , frame : true , layout : "form" , // 整个大的表单是form布局 labelWidth : 65 , labelAlign : "right" , items : [ { // 行1 layout : "column" , // 从左往右的布局 items : [ { columnWidth : .3 , // 该列有整行中所占百分比 layout : "form" , // 从上往下的布局 items : [ { xtype : "textfield" , fieldLabel : "姓" , width : 120 } ] } , { columnWidth : .3 , layout : "form" , items : [ { xtype : "textfield" , fieldLabel : "名" , width : 120 } ] } , { columnWidth : .3 , layout : "form" , items : [ { xtype :

form表单重复提交，type=“button”和type=“submit”区别

阅读更多关于 form表单重复提交，type=“button”和type=“submit”区别

公司测试提了一个项目后台在IE浏览器下（360，firefox就没问题）出现数据重复的问题，调试了好久终于发现问题所在，也不知道是谁写的代码，醉醉的。。。。错误地点： <input type="submit" value="提交" class="btn" id="formSubmit" onclick="checkForm()" /> type类型写成submit，而在checkForm中也进行了form提交。 type=“button”和type="submit"在IE firefox 360下分别进行submit()提交和走ajax测试：测试代码： <body> <form id="form1" method="get" > <input name="username" value="zhangsan" /><br> <input name="age" value="20" /><br> <input name="address" value="beijing" /><br> <input name="birthday" value="10-12" /><br> <input name="contactInfo.tel" value="13321464327" /><br> <input name="contactInfo.address" value="hebei" />

美化表单提交按钮的方法

阅读更多关于美化表单提交按钮的方法

这几天在做一个表单提交,默认的提交按钮代码样式 Code < form id ="form1" name ="form1" action ="表单提交的URL" method ="get" > < input type ="submit" name ="submit" value ="提交" > </ form > 现在我们可以把这个提交按钮替换成 < form id ="form1" name ="form1" action ="" method ="get" > < img src ="../login.gif" onclick ="document.form1.submit()" name ="submit" > </ form > 或者是 < form id ="form1" name ="form1" action ="" method ="get" > < input type ="image" src ="../login.gif" name ="submit" /> </ form > 我们把input标签直接换了普通的img，而加上了 document.form1.submit ()这个方法,利用这个方法我们可以把一些标签用css进行美化表单按钮来源： https://www.cnblogs.com/JAMJIA/archive/2009/11/16

表单验证提交——submit与button

阅读更多关于表单验证提交——submit与button

之前做东西接触过表单验证提交，但是都是为了完成工作，做完就做完了，没有注过表单验证提交有几种方法，各方法都有啥区别。今天瞎折腾了一下，对他们研究了一下，如下是我个人的理解： submit ：从字面上看是“提交”的意思，专门为提交而生。他既可以接受点击提交表单也能接受Enter（回车键）提交表单（也就是表单里的控件在获取焦点的时候回车直接提交表单），这样就比较人性化。 <form name="myForm" action="http://www.baidu.com" method="get" > name:<input name="name" type="text" /><br /> <input name="submit" type="submit" value="submit提交" /> </form> 当我输入"xiaomou"回车的时候表单提交了，url为：http://www.baidu.com/?name=xiaomou&submit=submit提交 button ：就是个普通的按钮，接受回车提交表单，但是点击它的时候没反应（当然我说的是没有js的情况下），如要他实现简单的提交表单，要通过表单提交事件，<input name="button" type="button" value="button提交" onClick="this.form.submit()"/>

FormData 对象的使用

阅读更多关于 FormData 对象的使用

FormData 对象的使用 FormData对象用以将数据编译成键值对，以便用 XMLHttpRequest 来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。如果表单 enctype 属性设为 multipart/form-data ，则会使用表单的 submit() 方法来发送数据，从而，发送数据具有同样形式。从零开始创建FormData对象你可以自己创建一个 FormData 对象，然后调用它的 append() 方法来添加字段，像这样： var formData = new FormData(); formData.append("username", "Groucho"); formData.append("accountnum", 123456); //数字123456会被立即转换成字符串 "123456" // HTML 文件类型input，由用户选择 formData.append("userfile", fileInputElement.files[0]); // JavaScript file-like 对象 var content = '<a id="a"><b id="b">hey!</b></a>'; // 新文件的正文... var blob = new Blob([content], {

HTML5新增元素，标签总结

阅读更多关于 HTML5新增元素，标签总结

HTML5新增元素，标签总结 1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。 < input formaction = "new.html" type = "submit" value = "提交到new.html" > （3）formmethod属性：用法同formaction。（4）placeholder属性：用于文本框处于未输入状态时的一种文字提示。（5）autofocus属性：自动获得焦点，一个页面只能有一个控件具有该属性。该属性无值，直接写就好。 < input name = "username" autofocus type = "text" id = "username" > （6）list属性：用于单行文本框，该属性的值为某个datalist元素的id，增加该属性后的单行文本框类似选择框(select)，但允许用户自定义输入，为了避免没有支持该元素的浏览器出现错误，我们通常使用CSS设置不显示。 <datalist> 标签:定义可选数据的列表。与 input 元素配合使用

jQuery插件 -- Form表单插件jquery.form.js

阅读更多关于 jQuery插件 -- Form表单插件jquery.form.js

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()，它们集合了从控制表单元素到决定如何管理提交进程的功能。另外，插件还包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。下载地址： http://malsup.com/jquery/form/#download 核心方法 -- ajaxForm() 和 ajaxSubmit() [javascript] view plain copy print ? $( '#myForm' ).ajaxForm( function () { $( '#output1' ).html( "提交成功！欢迎下次再来！" ).show(); }); $( '#myForm2' ).submit( function () { $( this ).ajaxSubmit( function () { $( '#output2' ).html( "提交成功！欢迎下次再来！" ).show(); }); return false ; /

解决form嵌套

阅读更多关于解决form嵌套

自己的尝试功能实现了但是项目中没有使用：思路利用ajax：第一个form提交的时候触发第二个需要提交数据的ajax的请求url 1 function checkform(type){ 2 var issubmit=true; 3 var projectId=""; 4 var photos=""; 5 if(type==2){ 6 $('#redirect').val('list'); 7 } 8 if(issubmit){ 9 $("#validForm").submit(); 10 } 11 submitPhoto(projectId,photos); 12 } 13 //提交form表单时候提交图册 14 function submitPhoto(projectId,photos){ 15 alert(1); 16 $.ajax({ 17 type: "POST", 18 url: "/userCenter/userCenterProjectPhotoEdit.jspx", 19 data: {projectId:projectId,photos:photos}, 20 dataType: "json", 21 success: function(data){ 22 $('#'+id).remove(); 23 // $(".imageTipss").append("

django之forms组件和cookie与session操作

阅读更多关于 django之forms组件和cookie与session操作

目录 django之forms组件和cookie与session操作 forms组件 forms主要功能普通方式手写注册功能 views.py login.html forms组件先定义一个类和导入：如何校验数据如何渲染页面的三种方法如何渲染错误信息 label 将英文修改成中文校验：邮箱格式是否正确 forms的常用参数钩子函数：全局钩子局部钩子正则简单用法：基于使用form组件实现注册功能 views.py login2.html cookie与session操作 Cookie的介绍什么是Cookie Cookie的原理查看Cookie Django中操作Cookie Cookie 获取Cookie Session 保存在服务端上的键值对设置会话Session和Cookie的超时时间删除当前会话的所有Session数验证以上cookie和session的代码装饰器模板 views.py 登录功能 views.py urls.py html django之forms组件和cookie与session操作 forms组件 forms主要功能生成页面可用的HTML标签对用户提交的数据进行校验保留上次输入内容注意点：注册页面：用户点击注册发送到后端做用户名密码的校验。用户不能含敏感词，不符合社会主义核心价值观。密码不能为空。需求：

Django之Form

阅读更多关于 Django之Form

Form介绍我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。 Django form组件就实现了上面所述的功能。总结一下，其实form组件的主要功能如下: 生成页面可用的HTML标签对用户提交的数据进行校验保留上次输入内容普通方式手写注册功能 views.py # 注册 def register(request): error_msg = "" if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 对注册信息做校验 if len(username) < 6: # 用户长度小于6位 error_msg = "用户名长度不能小于6位" else: # 将用户名和密码存到数据库 return HttpResponse("注册成功") return render(request, "register.html", {"error_msg": error_msg}) login.html <!DOCTYPE

订阅 form表单提交