`
dahui12344321
  • 浏览: 249156 次
  • 性别: 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方式防止表单重复提交

    在Web开发中，表单重复提交是一个常见的问题，可能导致数据的冗余或错误。JavaScript作为客户端脚本语言，可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点： 1. **禁用提交按钮**：最...

    javascript弹出层表单提交代码

    8. **错误处理**：如果提交过程中出现错误，如网络问题或服务器返回错误状态，也需要有相应的错误处理机制，如显示错误消息或重新尝试提交。 综上所述，实现"javascript弹出层表单提交代码"涉及到了JavaScript的...

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    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来实现一个表单提交...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    对于`&lt;button&gt;`，因为其不具有自动提交功能，所以需要在JavaScript中手动调用`submit()`方法来提交表单。 3. **表单级事件处理**：使用`onsubmit`事件处理函数，可以为整个表单添加验证逻辑。当表单被提交时，`...

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

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

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

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

    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. 访问表单对象的常用...

    说说回车键触发表单提交的问题

    回车键触发表单提交是一个常见的功能，但有时它可能会带来一些问题或需要进行特定的处理。本文将深入探讨回车键如何触发表单提交，以及在实际应用中可能遇到的相关知识点。 首先，我们需要理解HTML表单的基本结构。...

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