提交表单之前通常需要简单的验证,假设该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按钮来实现不同的功能。这在实际应用中非常常见,比如在一个订单页面上,用户可能有一个“保存草稿”和“立即购买”的提交选项。...
总的来说,遇到Chrome不支持`form.submit()`的情况,可以考虑使用Ajax方式进行异步提交,或者检查代码中是否存在其他可能导致问题的因素,如JavaScript语法错误、事件绑定等。同时,保持浏览器更新到最新版本,以及...
在网页设计中,表单(Form)是收集用户输入数据的重要工具,而Submit按钮则是将这些数据发送到服务器的关键组件。通常,一个表单只有一个Submit按钮,但有时根据设计需求,我们可能需要在同一个表单中添加多个Submit...
虽然用submit方法来提交表单有违Unobtrustive Javascript的原则,但有时候不得不用,比如做搜索提示(auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件,那只有手工触发这些...
在本文中,我们将深入探讨一个可能导致`form.submit()`无法提交表单的错误原因,以及如何解决这个问题。 首先,我们要理解`form.submit()`这个JavaScript方法。它是HTML表单对象的一个方法,用于触发表单的提交动作...
2. **阻止默认行为(Preventing Default Behavior)**:为了阻止表单提交导致的页面刷新,可以监听表单的`submit`事件,并在事件处理函数中调用`event.preventDefault()`。这样,表单数据会被收集,但不会进行实际的...
`form.submit()` 是JavaScript中用于触发表单提交的一个方法,但有时这个方法可能无法正常工作,就像在标题和描述中提到的问题。本文将深入探讨这个问题,分析其可能的原因,并提供解决方案。 首先,我们来看一个...
<input type="submit" value="Submit"> </form> ``` 在这个例子中,表单被定义为一个具有id为"frm1"的<form>元素,它的action属性被设置为"jb51.php",这意味着当表单提交时,数据将被发送到jb51.php这个URL。在...
本文实例讲述了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`的集成。 ...
标题中的"VB_automatically_fill_form_submit_single.rar_.submit vb_Single a"表明这是一个关于使用Visual Basic(VB)编程语言实现自动填充表单并提交的示例代码。在这个实例中,我们将探讨如何利用VB来自动化网页...