精华内容
下载资源
问答
  • 2016-11-16 18:02:04



    如果我们不想用submit按钮来提交表单,我们也可以用超链接来提交,我们可以这样写代码:
    <a href=”javascript: document.myform.submit();”>Submit Me</a>
    更多相关内容
  • 在form表单提交中,使用button来间接完成submit的提交更为灵活。接下来通过本文给大家介绍JavaScript在form表单使用button按钮实现submit提交方法,需要的朋友参考下吧
  • 如何不使用submit按钮来提交表单

    千次阅读 2018-03-16 16:00:54
    提交表单一般使用Form对象中的submit按钮,但是在很多场合用其他方法提交却显得更为简捷,如选中单选项,选择下拉列表元素等。 只要在相应的元素的事件中加入下面这条事件处理代码即可实现提交。 document.formName...
    提交表单一般使用Form对象中的submit按钮,但是在很多场合用其他方法提交却显得更为简捷,如选中单选项,选择下拉列表元素等。
    只要在相应的元素的事件中加入下面这条事件处理代码即可实现提交。 document.formName.submit(); 或: document.forms[index].submit(); 
    上表这两条语句调用了表单对象的submit()方法,等效于按submit按钮。

    如果我们不想用submit按钮来提交表单,我们也可以用超链接来提交,我们可以这样写代码:

    <a href=”javascript:document.formName.submit();”>Submit Me</a>

    展开全文
  • 通过submit提交表单怎么实现ajax提交

    千次阅读 多人点赞 2020-09-29 22:47:05
      submit提交表单,如果返回为true,表单直接提交;返回为false,表单就提交(这时候就可以交给ajax来实现表单提交了)   submit提交,又要使用ajax提交表单,需要在submit提交的时候返回false,将其拦截下来,...

    通过ajax实现对submit表单的提交

      我们知道,ajax提交是不能使用submit的,如果用submit会直接跳过ajax提交。如果你一定要用submit来提交表单,并且又要使用ajax实现表单的提交,就将submit的返回值设置为false。
      submit提交表单,如果返回为true,表单直接提交;返回为false,表单就不提交(这时候就可以交给ajax来实现表单提交了)
      submit提交,又要使用ajax提交表单,需要在submit提交的时候返回false,将其拦截下来,使其不提交,然后交给ajax提交就行。

    案例

    表单通过submit方式提交

    <form id="loginForm" action="" method="post" accept-charset="utf-8">
    ...
    	<input type="submit" value="登录" id="loginBtn">
    </form>
    

    要实现ajax完成提交只需要将其返回值设置为false

    	$("#loginForm").submit(function () {
    		//写false,表示拦截
    		return false;
    	})
    

    完整实现

            $("#loginBtn").click(function () {
                //要求两个值正确,我们才做提交
                if (checkUserName() && checkPassword()) {
                    var un = $("#username").val()
                    var pw = $("#password").val()
                    //alert(un+pw)
                    //写提交
                    $.ajax({
                        url: "loginServlet",
                        async: true,
                        data: "username=" + un + "&password=" + pw,
                        type: "post",
                        dataType: "json",
                        success: function (data) {
                            alert(data)
                        },
                        error: function () {
                            alert("服务器发生了错误")
                        }
                    });
                }
            })
    
    展开全文
  • 前端使用Ajax传值方式: &amp;amp;lt;body&amp;amp;gt; &amp;amp;lt;input type=&amp;quot;file&amp;quot; id=&amp;quot;importFile&amp;quot;/&amp;amp;gt; &amp;amp;...

    前端使用Ajax传值方式:

    	<body>
    		<input type="file" id="importFile"/>
    		<input type="button" id="import-submit" value="提交导入文件"/>
    	</body>
    	 <script type="text/javascript">
            	$('#import-submit').click(function () {
    		      	var formData = new FormData();
    		        var name = $("#importFile").val();
    		        formData.append('file', $("#importFile")[0].files[0]);
    		         // 此处可传入多个参数
    		        formData.append('name', name);
    		        $.ajax({
    				  url:  '/collar/import',
    				  type: 'post',
    				  async: false,
    				  data: formData,
    				  processData: false,// 告诉jQuery不要去处理发送的数据
    				  contentType: false,// 告诉jQuery不要去设置Content-Type请求头
    				  beforeSend: function () {//过程...
    				      console.log('正在进行,请稍候')
    				  },
    				  success: function (res) {
    				      if (res == '1') {
    					  		console.log('导入成功')
    					  } else {
    					      console.log('导入失败')
    					  }
    				   },
    				   error:function(){
    				   		console.log('导入失败')
    				   }
    				})
    			})
    		</script>
    
    

    后端:

    	@RequestMapping("/import")
    	public void export(VivoIMEIUp zipRequest, @RequestParam("file") MultipartFile file,
    		 HttpServletRequest request, HttpServletResponse response) {
    		//通过file.getInputStream();处理
    	}
    
    展开全文
  • submit表单提交

    千次阅读 2016-07-20 22:36:46
    表单提交时我们需要对表单中的数据进行判断,所以可以用submit和button提交表单。 首先我们来看一下表单form的一些属性 1、id:表单的唯一标识 2、name:表单的名字 3、method:定义表单提交的方法,有两种方法:...
  • 有两种方法,一种是用submit提交。一种是用button提交。 方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = document.getElementById("userid").value; var password = ...
  • submit的form表单提交事件

    万次阅读 2018-11-05 17:08:49
    他们的提交按钮是 input type=“button”, 而不是type="submit"方式,所有 form上的 onsubmit事件是无效的。 是onclick点击去提交的代码的 ‘document.getElementById(“tryitform”).submit();’
  • Vue @submit From表单提交

    千次阅读 2021-10-15 15:11:28
    初学vue,from表单的操作官方提供了v-model双向绑定,这个功能强大,在data中列出所有表单字段,提交表单时我们只需用this.field就可以获取到表单中所有的数据。看似方便,但是日常开发中,data中双向绑定的字段并...
  • Submit提交表单后无法跳转页面

    千次阅读 2020-07-06 11:37:32
    在做登录界面,因为要用到validform验证,所以需要对表单进行提交,但此时存在一个问题,因为在用submit提交后是用ajax进行的登录成功与否的判断,在判断成功后,执行ajax的success方法,但是却执行success中的...
  • 这一方法不管是否设置action(必需的 action 属性规定当提交表单时,向何处发送表单数据。)属性都可以使用。 二、form在没有action跳转的条件下 方法一: 给form表单的submit函数,在最后加一句 return false...
  • 想在点开超链接的时候保存表单数据,不使用按钮。请问怎样实现?
  • 提交表单 使用< input > 或 < button >标签都可以定义提交按钮,只要将type属性值设置为“submit”即可,而图像按钮则是通过将 < input >的type属性值设为“image”。当单击按钮或图像按钮时,就...
  • form表单提交数据的几种方式

    千次阅读 2021-04-23 16:04:37
    一、submit提交在form标签中添加action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。当点击登录时,提交的数据是:username=...
  • 阻止form表单submit提交

    千次阅读 2017-06-13 17:06:23
    近日在做项目的时候部分需要用到表单验证,原本想用插件进行验证的,结果发现只需要验证一个地方,就想自己用js写一下,过程中发现一个问题,在验证错误的时候需要点击submit时无法...4.以上提示在提交表单时如果不符
  • function validateForm() { //validate方法参数可选 return $("#inputForm").validate({ rules: { corpcode: {remote: "${ctx}/zjwpersoncorphouse/zjwPersonCorphouse/...", required: "身份证号码能为空!
  • a标签实现表单中的submit提交功能

    千次阅读 2019-01-03 22:23:45
    我们可能会有时想要用超链接来进行表单的提交,下面就给大家说一下怎么用a标签来实现提交表单(代码如下): &lt;form action="test.jsp" method="post" id="myform"&gt; ...
  • form表单submit提交后台无反应、前端报错
  • 不使用form表单提交方式提交文件

    千次阅读 2019-06-13 09:13:36
    <body> <input type="file" id="importFile"/> ...input type="button" id="import-submit" value="提交导入文件"/> </body> <script type="text/javascript"> ...
  • html——form表单提交方法submit和button

    万次阅读 2019-07-15 14:31:13
    form表单提交方法 1、type=“submit” <form name="form" method="post" action="#"> <input type="submit" name="submit" value="提交"> </form> 2、type=“image” <form name="form" ...
  • 控制submit为form表单提交

    千次阅读 2019-07-13 09:24:57
    1.js控制 ...执行else的时候就是为id为form-bossSort-add的form表单submit提交 注意:这个时候要为按钮格式改为button 添加onclick方法 function checkRate(){ var a = $('#province').val(); var r...
  • (form表单的数据不submit,可能是通过ajax的方式提交) 怎么解决这个默认提交呢? 1. 在form表单内的提交按钮<button>处添加属性onclick="return false",点击按钮时就不会再提交了。因为这个请求就是通过....
  • php form表单提交

    千次阅读 2021-04-30 00:40:17
    PHP表单之在Web页面中插入表单在普通的WEB页面中插入表单是如下的:这里将创建一个比较完整的表单,将中的元素和属性全部基本全部都展示出来。charset="UTF-8"title>indextablewidth="400"border="1...
  • from表单点击submit提交后没有反应

    千次阅读 2021-05-01 11:27:06
    (2)观察业务层有没有报错(错误信息大多数情况比较模糊,容易排查,需要总结异常经验) 2. 观察Service层 如果是比较复杂的业务逻辑,需要你打断点一步一步进行调试,每走一步,都需要观察结果,是不是我们想要...
  • 有一个通用的 form 组件,内部...一提交数据,发现后端验证通过,杀人.jpg 打开 network,看看何方妖孽在兴风作浪? 发现由于 vue 中,所有的表单数据都会定义在 data 函数的 form属性下 data(){ return { form:
  • 以下是本人总结处来的一些form的提交方式,网上还有别的提交方式,这里我总结了大小分为7类,其实就是三类的提交方式,若有哪里不对的,还请评论指出来,大家一起学习学习 1、无任何验证提交(最普通的提交) 该方式...
  • 问题: 在写表单页面的时候,点击button按钮就会出现自动提交表单的情况。 ...,这样button的类型就不是默认的submit了,就不会自动提交表单了。 注意:form表单中的action属性的值是表单提交...
  • 1、今天遇到一种情况,js使用submit方法提交表单,怎么都提交过去,加断点倒跳过去了,主要实现的是这样的一个功能,点击一个按钮触发一个方法,在方法底下再提交表单过去,主要代码如下: &lt;button class...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 193,142
精华内容 77,256
关键字:

不使用submit方式提交表单

友情链接: baidi.rar