Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别

【Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别】的更多相关文章

Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别

转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post"…

FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post" onsubmit="return false;"> 下边对“防止表单自动提交,以及submit和button…

submit和button提交表单的区别

<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>submit</title> <script type="text/javascript"> function checkForm(){ if(document.form1.userName.value.length==0…

在javascript中关于submit和button提交表单区别

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. 1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次.或者在使用submit时验证时加return true或false…

（转）在javascript中关于submit和button提交表单区别

原文来自:http://www.jb51.net/article/42236.htm submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. 1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来…

js和jq使用submit方法无法提交表单

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把当前给刷新了,网络抓包发现,每次都是 get方式去获取当前页面,完全没有post 请求,想着以前遇上这样的问题都是因为表单中有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个…

表单验证提交——submit与button

之前做东西接触过表单验证提交,但是都是为了完成工作,做完就做完了,没有注过表单验证提交有几种方法,各方法都有啥区别.今天瞎折腾了一下,对他们研究了一下,如下是我个人的理解: submit: 从字面上看是“提交”的意思,专门为提交而生.他既可以接受点击提交表单也能接受Enter(回车键)提交表单(也就是表单里的控件在获取焦点的时候回车直接提交表单),这样就比较人性化. <form name="myForm" action="http://www.baidu.com&quo…

form表单的两种提交方式，submit和button的用法

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = document.getElementById("userid").value; var password = document.getElementById("userpass…

触发form表单的两种提交方式，submit和button的用法

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交. 方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = document.getElementById("userid").value; var password = document.getElementById("userpassid&…

如何不使用 submit 按钮来提交表单？

如果我们不想用 submit 按钮来提交表单,我们也可以用超链接来提交,我们可以这样写代码: <a href=”javascript: document.myform.submit ();”>Submit Me</a>…

jquery通过submit()和serialize()提交表单

vue validate多表单验证思考之前写过一个里外层，现在觉得不合适，应该平行的写，然后都给ret，最后判断ret 再做出反应，这样整体表单的所有验证就都报验证，然后最后提交的时候把组件内的对象合并到总的对象，再提交

vue validate多表单验证思考之前写过一个里外层,现在觉得不合适,应该平行的写,然后都给ret,最后判断ret 再做出反应,这样整体表单的所有验证就都报验证,然后最后提交的时候把组件内的对象合并到总的对象,再提交 this.$refs.addpurchaseForm.validate…

【转载】form表单的两种提交方式，submit和button的用法

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = document.getElementById("userid").value; var password = document.getElementById("userpass…

JavaScript基础3——使用Button提交表单

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用Button提交表单</title> </head> <body> <form id="form"> <input type="text" name="username" /> <…

HTML+CSS基础知识（6）背景的设置、表格的设计、表单的设计和框架集

文章目录 1.背景 1.1 代码 1.2 测试结果 2.背景练习 2.1 代码 2.2 测试结果 3.表格 3.1 代码 3.2 测试结果 4.练习 4.1 代码 4.2 测试结果 5.表单 5.1 代码 5.2 测试结果 6.框架集 6.1 代码 6.2 测试结果 1.背景 1.1 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>背景</ti…

ASP.NET 程序提交表单数据中带有html标签不能提交或者提交报错问题

今天在公司做另外的一个项目,又奇葩的遇到一个问题. 在本地自己电脑上怎么测试都是正常的.但是先上服务器就出问题: 用富文本编辑器上传一篇文章,始终报错,又没提示具体什么错误,也没说代码错误,点击提交按钮后始终不会请求相应的后台事件方法. 首先根据自己的经验,想到是不是和之前遇到过的提交数据中含有html标签而造成不能提交表单问题. 然后直接在页面加上:ValidateRequest="false" 关键是加上后还是一样的错误,这个我就有点不知所措了,只显示个页面出错,写了日志,查看日志…

submit与button区别提交区别

提交表单时使用submit会自动提交form表单数据, 如果使用jquery的form表单插件时需要将提交按钮改为button时$("#表单id").ajaxSubmit({});提交表的数据; 如果按钮还是使用submit就相当于提交了两次表单第一次是点击按钮时第二次是jquery的ajaxSubmit();时, 使用ajax提交时后台就会取不到数据正常提交还是可以取到数据的; submit提交时数据自动提交相当于点击submit按钮时触发表单提交不用我们手动提交表单; butto…

ASP.NET MVC中实现多个button提交的几种方法

有时候会遇到这样的情况:在一个表单上须要多个button来完毕不同的功能,比方一个简单的审批功能. 假设是用webform那不须要讨论,但asp.net mvc中一个表单仅仅能提交到一个Action处理,相对照较麻烦点. 方法一:使用client脚本比方我们在View中这样写: <inputtype="submit"value="审核通过"onclick='this.form.action="<%=Url.Action("Actio…

3 weekend110的job提交的逻辑及YARN框架的技术机制 + MR程序的几种提交运行模式

途径1: 途径2: 途径3: 成功! 由此,可以好好比较下,途径1和途径2 和途径3 的区别. 现在,来玩玩weekend110的joba提交的逻辑之源码跟踪原来如此,weekend110的job提交的逻辑源码,停在这了 hello world hello tom helllo jim jim is a bad boy hello jack hello baby baby is my nvshen hello world hello tom helllo jim jim is a bad bo…

不使用left-join等多表关联查询，只用单表查询和Java程序，简便实现“多表查询”效果

上次我们提到,不使用left-loin关联查询,可能是为了提高效率或者配置缓存,也可以简化一下sql语句的编写.只写单表查询,sql真得太简单了.问题是,查询多个表的数据还是非常需要的. 因此,存在这么一个强烈的需求:查询2个集合,怎么合并2个集合中的数据为1个集合,且数据关联要正确.在实践中,我提炼了如下流程和工具方法: 流程先查询第1个集合,根据第1个集合的结果,查询第2个集合,合并2个集合 public PageVo listPage(PageVo form) { List<Map<…

Django项目：CMDB(服务器硬件资产自动采集系统)--02--02CMDB将服务器基本信息提交到API接口

AutoCmdb # urls.py """AutoCmdb URL Configuration The `urlpatterns` list routes URLs to views. For more information please see: https://docs.djangoproject.com/en/2.0/topics/http/urls/ Examples: Function views 1. Add an import: from my_app im…

单页应用（SPA，Single-page-App）和多页应用（MPA，Multi-page App）的区别

单页应用(SPA,Single-page-App)和多页应用(MPA,Multi-page App)的区别参考博客:https://www.jianshu.com/p/4c9c29967dd6…

JavaScript使用button提交表单

<form action="test.html" method="POST"> <input type="button" value="提交"/> </form>  <script type="text/javascript"> //定位提交按钮 var inputElement = document.getEle…

jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法

原始form表单值获取方式(手动): $.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技术", success: function(msg){alert(msg);}, error: function(error){alert(error);} }); JQ serialize()方法取值: $.ajax({ type: "POST&quo…

form表单，submit，ajax提交

尼玛... 一个简单的表单提交,竟然给我整的直郁闷. 本来就是个保存功能,几个前人都用的ajax提交,我也就没改成submit.然后坑爹的就来了. 我在表单里写了个<form></form>(实际用ajax提交,也没必要写这个标签,但是我就是写了.而action属性是个空) 保存钮的标签是个button..但是type并没指定是submit 这尼玛梦魇就来了,保存倒是好使.但是回调函数后的跳转location.href时而好使时而不好使..TMD我调查这个给我累够呛,两天没睡踏实.…

jsp button提交表单

表单提交可以用submit 也可以用button,下面介绍下面三种方式: 方法1 <form action = "提交的地址"> <input type="submit" value="提交"> </form> 方法2 <form action = "提交的地址"> <input type="button" value="提交" on…

Java基础知识强化之IO流笔记48：IO流练习之复制单级文件夹案例

1. 复制单级文件夹数据源:e:\\demo 目的地:e:\\test 分析: A:封装目录 B:获取该目录下的所有文本的File数组 C:遍历该File数组,得到每一个File对象 D:把该File进行复制 2. 代码示例: package cn.itcast_03; import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.File; import jav…

通过button提交表单

通过 input button 而不是input submit提交. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery.js"></s…

JQuery中button提交表单报TypeError: elem[type] is not a function jquery

错误: TypeError: elem[type] is not a function jquery 解决: 出现这种现象的原因是,提交的表单中,有标签的name,有以submit命名的 name中不要出现submit就可以解决了!…

阻止form表单中的input按下回车时提交表单

给form加属性:onsubmit="return false;"…