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

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

    博客分类：
  • Ajax
JavaScript 
阅读更多
关于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了，这也是我在开发时遇到的一个问题。与大家分享。
分享到：
| servlet过滤器之原理分析
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript在form表单中使用button按钮实现submit提交方法

    在javaScript中关于submit和button的区别介绍  在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在...

    防止Layui form表单重复提交的实现方法

    为了解决这个问题，开发者需要确保表单只提交一次，防止不必要的数据重复处理或者服务器的重复计算。下面详细解释几种防止Layui表单重复提交的方法。 首先，在HTML表单中，为了避免在提交时页面刷新导致的重复提交...

    from表单新窗口打开并提交

    在网页开发中，"from表单新窗口打开并提交"是一种常见的用户交互方式，它允许用户在新的浏览器窗口中打开一个表单，并在用户填写完信息后提交表单。这种方式通常用于创建更友好的用户体验，比如创建注册或登录页面时...

    基于JavaScript的表单提交处理与前端设计源码

    该项目是一款基于JavaScript的前端表单提交处理与设计源码，包含627个文件，其中PHP文件167个，Less文件166个，HTML文件78个，JavaScript文件53个，Stub文件37个，CSS文件36个，字体文件13个，SVG文件12个，PNG图片...

    防止用户表单重复提交处理

    在Web开发中，用户表单重复提交是一个常见的问题，它可能导致数据冗余或者数据库状态的不一致。本示例提供了一种解决方案，包括在前端JavaScript和后端进行处理，以防止用户因网络延迟或误操作导致的多次提交。 ...

    防止表单重复提交

    在Web开发中，表单提交是一项基础且关键的操作，它允许用户向服务器发送数据进行处理。然而，如果没有适当处理，可能会出现表单重复提交的问题，这可能导致数据的不一致性和服务器资源的浪费。本篇文章将深入探讨...

    一个from表单提交多个功能

    ### 一个from表单提交多个功能 在Web开发中，我们经常会遇到需要通过同一个表单实现多种不同功能的情况。例如，根据用户的选择或输入执行不同的后端处理逻辑。本文将详细解析如何通过JavaScript来实现一个表单提交...

    layui form表单提交之后重新加载数据表格的方法

    在AJAX技术广泛应用的今天，通常我们会用JavaScript来处理表单的提交，从而无需重新加载页面。通过返回`false`，我们可以让表单提交时不会导致页面跳转，而是执行我们自定义的AJAX请求来与服务器交互，并刷新表格。 ...

    javascript经典特效---用链接来提交表单.rar

    在JavaScript的世界里，表单提交通常通过`&lt;form&gt;`元素的`submit`事件来实现，但有时为了提供更友好的用户体验或特殊的交互效果，我们可能会选择使用链接（`&lt;a&gt;`标签）来触发表单的提交。这个"javascript经典特效---...

    Javascript的表单验证-提交表单_.docx

    在本文中，我们将深入探讨如何使用JavaScript进行表单验证，特别是在提交表单时确保数据的安全性和有效性。 首先，表单验证的重要性在于防止“坏数据”到达服务器。这不仅能够节省服务器资源，还能提高用户体验，...

    浅谈Javascript脚本语言在教学评价系统中的应用.pdf

    "浅谈Javascript脚本语言在教学评价系统中的应用.pdf" 本文档讲述了Javascript脚本语言在教学评价系统中的应用。Javascript是一种基于对象和事件的简单的描述性脚本语言，可以很容易地嵌入到HTML文件中。使用...

    c#以POST方式模拟提交表单 - 真功夫

    虽然文档中没有具体提到JQuery的应用，但在实际开发中，可以利用JQuery简化表单数据的收集和处理，例如使用JQuery选择器快速获取页面元素的值。 #### 七、DBA关注的数据处理技巧 1. **数据校验**：在提交数据前进行...

    Js 表单提交验证函数（很全了）

    在JavaScript中，表单提交验证是确保用户输入的数据符合预设规则的重要环节，这有助于防止无效数据的提交，提升用户体验，以及保护服务器免受恶意数据的冲击。本篇将详细介绍JavaScript表单验证函数的一些关键知识点...

    javascript表单事件处理方法详解.docx

    javascript 表单事件处理方法是指在表单中使用 javascript 语言来处理用户的输入信息，并对其进行验证和处理的方法。这些方法可以帮助开发者更好地控制表单的行为，提高用户体验和数据安全。 1. 访问表单对象的常用...

    鼠标点击按钮弹出层可以写from表单登陆框弹出层

    4. **表单交互**：用户在弹出层中填写信息后，点击提交按钮，JavaScript会收集表单数据并通过Ajax请求发送到服务器。这样，页面不会刷新，保持弹出层的显示状态。 5. **服务器响应处理**：服务器验证用户信息后，...

    批量提交表单JS

    在网页开发中，批量提交表单是一个常见的需求，特别是在处理大量数据时，如上传文件、录入信息等。JS（JavaScript）作为客户端脚本语言，能够有效地实现这一功能。本资源包含了一个名为`jquery.form.js`的文件，它是...

    防止表单重复提交(asp.net )

    在ASP.NET web应用程序中，表单重复提交是一个常见的问题，可能导致数据不一致或者数据库操作的冗余。为了确保用户在提交表单时不会无意或有意地多次发送请求，我们需要实施有效的防止表单重复提交的策略。以下是...

    javascript表单验证 正则表达式验证表单

    比较实用的javascript做的表单验证，验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息，失去焦点进行验证，还有提交表单验证。提交表单先进行必填项不能为空验证，再进行正则表达式匹配验证。

    Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据

    在"Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据"这个主题中，我们将深入探讨如何利用JavaScript提高用户体验，通过实时验证用户输入的数据，以及如何使用Ajax技术异步验证和提交数据，避免页面...

Magicbox
Global site tag (gtag.js) - Google Analytics