提交表单之前通常需要简单的验证，假设该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> ...
虽然用submit方法来提交表单有违Unobtrustive Javascript的原则，但有时候不得不用，比如做搜索提示（auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件，那只有手工触发这些...
总的来说，遇到Chrome不支持`form.submit()`的情况，可以考虑使用Ajax方式进行异步提交，或者检查代码中是否存在其他可能导致问题的因素，如JavaScript语法错误、事件绑定等。同时，保持浏览器更新到最新版本，以及...
本文实例讲述了JS提交form表单。分享给大家供大家参考，具体如下： 一、javascript 页面加裁时自动提交表单： Form表单： <form method="post" id="myform" action="a.php"> <input type="submit" value=...
`form.submit()` 是JavaScript中用于触发表单提交的一个方法，但有时这个方法可能无法正常工作，就像在标题和描述中提到的问题。本文将深入探讨这个问题，分析其可能的原因，并提供解决方案。 首先，我们来看一个...
主要介绍了简述JavaScript提交表单的方式 （Using JavaScript Submit Form）的相关资料,需要的朋友可以参考下
form表单提交方式总结一下： 一、利用submit按钮实现提交，当点击submit按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false, 不提交，如果不为空，提交到由action指定的地址...
本文没有什么技术上创新，只要会一点Javascript的技术就可以写了。 第一步： 在页面查看源代码，把Form中包含的需要填列的HTML控件找出来如： <form name=”mainfrm” action=”” method=”post”> <input...
npm install json-form-submit 用法： <!-- HTML: --> < form id =" register " > < input name =" first_name " required /> < input name =" last_name " /> < button > ...
本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下： 下面的JS代码可以遍历指定表单中的所有元素，并输出元素的值 <!DOCTYPE html> <html> <body> <form id=...
yarn add hubspot-form-submit 使用npm： npm install --save hubspot-form-submit 用法 随同发送您的HubSpot ID，HubSpot表单ID和表单数据。 表单数据可以是表单元素，FormData对象，也可以只是常规对象。 使用...
在本文中，我们将深入探讨一个可能导致`form.submit()`无法提交表单的错误原因，以及如何解决这个问题。 首先，我们要理解`form.submit()`这个JavaScript方法。它是HTML表单对象的一个方法，用于触发表单的提交动作...
该方法可以分为两种情形：一种是每个Submit按钮对应不同的JavaScript函数，另一种是所有Submit按钮使用同一个JavaScript函数，但对应不同的函数参数。 第二个解决方案是使用HTML的Form标记中的action属性。该方法...
form1.submit();"> 这样，当用户点击按钮时，页面将跳转到a.jsp。 此外，我们还可以使用JavaScript来实现页面的跳转，例如： <script language="javascript" type="text/javascript"> window.location.href=...
Ajax-Spring-MVC-CRUD-form-submit-and-ajax.zip,spring mvc crud应用程序（springmvc、hibernate 4.x、bootstrap 3.x、jquery、mysql）,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json...
bigCloudcorp 该站点是为一家小型技术公司构建的，具有HTML，CSS，vanilla Javascript和FormSubmit用于联系表单功能。
<form id="msgForm" action="" method="post" @submit.prevent="sub"> <!-- 表单内容 --> 姓名"> 邮箱"> <button type="submit">提交 </form> ``` 在上面的代码中，当用户点击提交按钮时，`@submit.prevent=...
常见的表单元素包括文本输入框（`<input type="text">`）、密码输入框（`<input type="password">`）、单选按钮（`<input type="radio">`）、...submit">`和`<input type="reset">`）以及多行文本区域（`<textarea>`）...
本文档将详细介绍三种常见的JavaScript库jQuery中处理表单提交的方法，包括$.post()、$.ajax()以及使用jquery.form.js库的ajaxForm()。 1. **$.post()** 方法： $.post()是jQuery提供的一个简洁的Ajax方法，专门...