提交表单之前通常需要简单的验证，假设该js方法名为validateCondition，这里有两种方法，每种方法都需要form和提交按钮配套使用，否则验证方法不生效。如下：
1、提交按钮是button类型
<form action="xxx.do" name="formname" id="formname" method="post">
..........................................
<input type="button" value="保存" onclick="formSubmit(this,validateCondition);">
</form>
2、提交按钮是submit类型
<form action="xxx.do" name="formname" id="formname" method="post" onsubmit="validateCondition();">
..........................................
<input type="submit" value="保存">
</form>
实际上，原因是：2这种情况会触发form的onsubmit事件，而1则不会。
分享到：
相关推荐
在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaScript中实现具体，代码如下： <head> ...
在本文中，我们将深入探讨layui框架中如何绑定form submit提交表单时需要注意的事项。layui是一个流行的前端组件库，提供了丰富的UI元素和便捷的API，其中包括表单处理功能。下面，我们将详细介绍两个关键点：lay-...
在JavaScript中，form.submit()方法是用于提交表单的一种方式。然而，有时候开发者可能会遇到无法使用form.submit()提交表单的问题。在本篇文章中，将详细探讨导致这种情况的可能原因，以及如何解决这一问题。 首先...
在这个“一个form多个submit处理案例”中，我们将探讨如何在一个表单中使用多个submit按钮来实现不同的功能。这在实际应用中非常常见，比如在一个订单页面上，用户可能有一个“保存草稿”和“立即购买”的提交选项。...
在探讨“让submit只提交一次”的技术实现时，我们深入剖析了如何在Web表单提交过程中避免重复提交的问题，这是一个在Web开发中常见的需求，尤其是在处理敏感操作或交易时尤为重要。下面，我们将从多个角度详细解析这...
总的来说，遇到Chrome不支持`form.submit()`的情况，可以考虑使用Ajax方式进行异步提交，或者检查代码中是否存在其他可能导致问题的因素，如JavaScript语法错误、事件绑定等。同时，保持浏览器更新到最新版本，以及...
在网页设计中，表单（Form）是收集用户输入数据的重要工具，而Submit按钮则是将这些数据发送到服务器的关键组件。通常，一个表单只有一个Submit按钮，但有时根据设计需求，我们可能需要在同一个表单中添加多个Submit...
虽然用submit方法来提交表单有违Unobtrustive Javascript的原则，但有时候不得不用，比如做搜索提示（auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件，那只有手工触发这些...
2. **阻止默认行为（Preventing Default Behavior）**：为了阻止表单提交导致的页面刷新，可以监听表单的`submit`事件，并在事件处理函数中调用`event.preventDefault()`。这样，表单数据会被收集，但不会进行实际的...
在本文中，我们将深入探讨一个可能导致`form.submit()`无法提交表单的错误原因，以及如何解决这个问题。 首先，我们要理解`form.submit()`这个JavaScript方法。它是HTML表单对象的一个方法，用于触发表单的提交动作...
<input type="submit" value="Submit"> </form> ``` 在这个例子中，表单被定义为一个具有id为"frm1"的<form>元素，它的action属性被设置为"jb51.php"，这意味着当表单提交时，数据将被发送到jb51.php这个URL。在...
`form.submit()` 是JavaScript中用于触发表单提交的一个方法，但有时这个方法可能无法正常工作，就像在标题和描述中提到的问题。本文将深入探讨这个问题，分析其可能的原因，并提供解决方案。 首先，我们来看一个...
本文实例讲述了JS提交form表单。分享给大家供大家参考，具体如下： 一、javascript 页面加裁时自动提交表单： Form表单： <form method="post" id="myform" action="a.php"> <input type="submit" value=...
<img id="submitBtn" src="submit_button.png" alt="Submit" onclick="formSubmit();"> </form> function formSubmit() { var form = document.getElementById('formtest'); // 动态设置表单的action，根据...
document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // 阻止默认的表单提交 // 这里可以添加验证、处理等逻辑 }); ``` 在`select.html`这个文件中，很可能是...
这个"ajax_form_submit_message"项目似乎涉及到使用Ajax来提交表单并处理响应消息，这在Web开发中是非常常见且实用的场景，特别是在用户交互体验优化上。下面将详细解释Ajax与PHP结合在表单提交中的应用。 1. **...
主要介绍了简述JavaScript提交表单的方式 （Using JavaScript Submit Form）的相关资料,需要的朋友可以参考下
本文介绍了几种页面提交submit的方法，包括使用`<input type="button">`配合JavaScript、使用`<input type="submit">`以及结合这两种方式实现复杂的验证逻辑。同时，还探讨了在处理表单提交数据时可能遇到的编码问题...
`FormValidation`是一个强大的JavaScript库，它结合了`jQuery`和`Bootstrap`框架，使得表单验证变得更加简单易用。本文将详细介绍如何使用`FormValidation`进行表单验证，并探讨与`jQuery`和`Bootstrap`的集成。 ...