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

javascript form submit的问题

 
阅读更多

提交表单之前通常需要简单的验证,假设该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则不会。

分享到:
评论

相关推荐

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

     在form表单提交中,使用button来间接完成submit的提交更为灵活。下面是实现方法: 使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: &lt;head&gt; ...

    浅谈layui 绑定form submit提交表单的注意事项

    在本文中,我们将深入探讨layui框架中如何绑定form submit提交表单时需要注意的事项。layui是一个流行的前端组件库,提供了丰富的UI元素和便捷的API,其中包括表单处理功能。下面,我们将详细介绍两个关键点:lay-...

    JS中的form.submit()不能提交表单的错误原因

    在JavaScript中,form.submit()方法是用于提交表单的一种方式。然而,有时候开发者可能会遇到无法使用form.submit()提交表单的问题。在本篇文章中,将详细探讨导致这种情况的可能原因,以及如何解决这一问题。 首先...

    一个form多个submit处理案例

    在这个“一个form多个submit处理案例”中,我们将探讨如何在一个表单中使用多个submit按钮来实现不同的功能。这在实际应用中非常常见,比如在一个订单页面上,用户可能有一个“保存草稿”和“立即购买”的提交选项。...

    chrome不支持form.submit的解决方案

    总的来说,遇到Chrome不支持`form.submit()`的情况,可以考虑使用Ajax方式进行异步提交,或者检查代码中是否存在其他可能导致问题的因素,如JavaScript语法错误、事件绑定等。同时,保持浏览器更新到最新版本,以及...

    浅析一个表单多个Submit按钮的简单实现方法

    在网页设计中,表单(Form)是收集用户输入数据的重要工具,而Submit按钮则是将这些数据发送到服务器的关键组件。通常,一个表单只有一个Submit按钮,但有时根据设计需求,我们可能需要在同一个表单中添加多个Submit...

    表单Form的submit事件不响应的解决方法

    虽然用submit方法来提交表单有违Unobtrustive Javascript的原则,但有时候不得不用,比如做搜索提示(auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件,那只有手工触发这些...

    form.submit()不能提交表单的错误原因及解决方法

    在本文中,我们将深入探讨一个可能导致`form.submit()`无法提交表单的错误原因,以及如何解决这个问题。 首先,我们要理解`form.submit()`这个JavaScript方法。它是HTML表单对象的一个方法,用于触发表单的提交动作...

    form表单的异步回调方法

    2. **阻止默认行为(Preventing Default Behavior)**:为了阻止表单提交导致的页面刷新,可以监听表单的`submit`事件,并在事件处理函数中调用`event.preventDefault()`。这样,表单数据会被收集,但不会进行实际的...

    form.submit()不能提交表单的原因分析

    `form.submit()` 是JavaScript中用于触发表单提交的一个方法,但有时这个方法可能无法正常工作,就像在标题和描述中提到的问题。本文将深入探讨这个问题,分析其可能的原因,并提供解决方案。 首先,我们来看一个...

    JavaScript获取网页表单action属性的方法

    &lt;input type="submit" value="Submit"&gt; &lt;/form&gt; ``` 在这个例子中,表单被定义为一个具有id为"frm1"的&lt;form&gt;元素,它的action属性被设置为"jb51.php",这意味着当表单提交时,数据将被发送到jb51.php这个URL。在...

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value=...

    用image来提交form不想使用button提交form.docx

    &lt;img id="submitBtn" src="submit_button.png" alt="Submit" onclick="formSubmit();"&gt; &lt;/form&gt; function formSubmit() { var form = document.getElementById('formtest'); // 动态设置表单的action,根据...

    JavaScript/HTML—FORM用户输入/提交数据的图形界面

    document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // 阻止默认的表单提交 // 这里可以添加验证、处理等逻辑 }); ``` 在`select.html`这个文件中,很可能是...

    ajax_form_submit_message

    这个"ajax_form_submit_message"项目似乎涉及到使用Ajax来提交表单并处理响应消息,这在Web开发中是非常常见且实用的场景,特别是在用户交互体验优化上。下面将详细解释Ajax与PHP结合在表单提交中的应用。 1. **...

    简述JavaScript提交表单的方式 (Using JavaScript Submit Form)

    主要介绍了简述JavaScript提交表单的方式 (Using JavaScript Submit Form)的相关资料,需要的朋友可以参考下

    页面提交submit的几种方法

    本文介绍了几种页面提交submit的方法,包括使用`&lt;input type="button"&gt;`配合JavaScript、使用`&lt;input type="submit"&gt;`以及结合这两种方式实现复杂的验证逻辑。同时,还探讨了在处理表单提交数据时可能遇到的编码问题...

    使用FormValidation进行表单验证

    `FormValidation`是一个强大的JavaScript库,它结合了`jQuery`和`Bootstrap`框架,使得表单验证变得更加简单易用。本文将详细介绍如何使用`FormValidation`进行表单验证,并探讨与`jQuery`和`Bootstrap`的集成。 ...

    VB_automatically_fill_form_submit_single.rar_.submit vb_Single a

    标题中的"VB_automatically_fill_form_submit_single.rar_.submit vb_Single a"表明这是一个关于使用Visual Basic(VB)编程语言实现自动填充表单并提交的示例代码。在这个实例中,我们将探讨如何利用VB来自动化网页...

Global site tag (gtag.js) - Google Analytics