`
dahui12344321
  • 浏览: 247624 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于JavaScript中处理表单from提交的问题浅谈

    博客分类:
  • Ajax
阅读更多
关于JavaScript中处理表单from提交的问题

   相信在处理from表单的提交时,大家可能会遇到这样的业务需求,当点击提交按钮时需要先提交到一个JavaScript中验证,然后再提交到服务器。
   看看下面的例子:
<html>
<head><title></title></head>
<body>
<form name="form1" id="form1" method="post" action="form_submit.jsp"  >
<br><br>
<table>
	<tr>
		<td>公司名称</td>
		<td><input name="consumer_name" id="consumer_name" value="XX公司" /></td>
	</tr>


	<tr>
		<td></td>
		<td><input type="button" name="submit" 
			value="提交" onclick="submit_form();" /></td>
	</tr>
</table>
</form>
</body>
</html>
<script type=text/JavaScript>
function submit_form(){
		
		document.forms[0].submit();
	
}
</script>


但这样提交后会遇到这样的问题form表单不会提交出去,问题是你的button按钮的name是"submit",他是JavaScript的关键字,form表单不会提交,只要把它改了,就ok了,这也是我在开发时遇到的一个问题。与大家分享。
分享到:
评论

相关推荐

    【JavaScript源代码】浅谈React双向数据绑定原理.docx

    通过这种方式,我们可以实现表单的实时更新,同时在提交表单时,可以直接从状态中获取用户输入的数据。 总的来说,虽然 React 没有内建的双向数据绑定,但通过合理的状态管理和事件处理,可以有效地实现类似的功能...

    浅谈Django前端后端值传递问题

    当通过GET方法提交表单时,表单数据会被附加到URL中作为查询参数发送。例如: ```html 搜索..."&gt; 搜索 ``` 在后端视图中,可以通过`request.GET`获取这些参数: ```python def select_art(request): if ...

    浅谈Vue内置component组件的应用场景

    在使用 Vue 内置的 component 组件时,我们经常会遇到一些共性的问题,例如邮箱表单和手机表单都具有校验方法和获取表单数据方法。在这种情况下,我们可以使用 Vue 提供的混合功能来抽离共性代码。 ```javascript ...

    浅谈python爬虫使用Selenium模拟浏览器行为

    爬虫是网络上自动收集信息的一种程序,它能够模拟人类在浏览器中的行为,批量获取网页中的数据。Python爬虫使用Selenium模拟浏览器行为是其中的一个重要方法。Selenium是一个用于Web应用程序测试的工具,它可以模拟...

    浅谈vue.js导入css库(elementUi)的方法

    在当今Web前端开发中,Vue.js是一个流行的JavaScript框架,用于构建用户界面和单页应用程序。Element UI是一个基于Vue 2.0的桌面端组件库,用于快速开发好看的网页界面。为了让Vue项目能够使用Element UI,开发者...

    浅谈Vue.js之初始化el以及数据的绑定说明

    Vue.js 是一款非常流行的前端JavaScript框架,用于构建用户界面。在Vue.js中,初始化`el`和数据绑定是两个核心概念,它们构成了Vue实例的基础。接下来我们将深入探讨这两个知识点。 ### 1. 初始化 `el` `el`...

Global site tag (gtag.js) - Google Analytics