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

jquery提交表单失败的一个个例及解决办法

    博客分类:
  • jsp
阅读更多
<form action="<%=basePath%>AddDingdanServlet" method="post" id="form">
...
<input type="button" id="submit" onclick="onsubmitForm()" value="录入" /> 
...

 使用

$("#form").submit();

 提交表单没反应,去掉input的id就好,即改为:

<input type="button" onclick="onsubmitForm()" value="录入" /> 

 

最后总结:button的id不要设置为submit,否则可能会引起混淆,导致表单的submit()方法不能提交表单。在命名ID时,名字最好不要和现有的api在名称上重复,避免不必要的烦扰

 

分享到:
评论

相关推荐

    JQuery表单提交和后台交互源码20130509

    仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到页面控件的值后拼接放在data中,传递到后台 方式2、页面序列化后放在data中,传递到后台 注:此种方式需设置页面控件的name属性

    jquery实现弹窗表单填写提交

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本资源重点展示了如何利用jQuery来实现弹窗表单的填写和提交功能,这对于用户交互和数据...

    使用jQuery.form插件,实现完美的表单异步提交

    此外,`$.fn.ajaxSubmit`方法还可以接受一个完整的jQuery.ajax选项对象,这意味着你可以使用所有jQuery的Ajax选项,如`cache`、`timeout`、`contentType`等,来定制你的异步请求。 总结一下,jQuery.form插件通过...

    jquery异步提交form表单

    jQuery的`$.ajax()`函数或`.submit()`配合`.ajaxSubmit()`方法为我们提供了异步提交表单的能力,保持页面不刷新,提高交互体验。 首先,我们来看一下`jquery.form.js`这个文件。这是jQuery Form Plugin的一个核心...

    JQuery 提交表单(附详细图解)

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将详细讲解如何使用jQuery提交表单,以及如何利用jQuery的AJAX功能来实现无刷新的数据提交。 ### 传统...

    Ajax使用jQuery提交表单 文件

    在这个“Ajax使用jQuery提交表单 文件”中,我们将探讨如何利用jQuery实现Ajax提交表单,从而实现异步数据传输,提高用户体验。 首先,我们需要理解jQuery中的Ajax函数`$.ajax()`。这是一个核心函数,可以进行各种...

    JQUERY表单提交

    JQuery框架应用中的Form插件是一个功能强大的官方插件,支持Ajax和Ajax文件上传,基本满足日常应用。该插件提供了多种方法来管理表单数据和进行表单提交,包括ajaxForm、ajaxSubmit、formSerialize和fieldSerialize...

    JQuery Ajax提交整个表单

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。本文将深入探讨如何使用jQuery的Ajax功能来提交整个HTML表单,特别是基于jQuery 1.3.2版本。这个版本虽然较...

    jQuery Ajax无刷新提交表单并执行邮件通知

    "jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二是通过Ajax实现无刷新提交表单,同时触发邮件通知功能。 **1. jQuery表单验证** jQuery提供了丰富的DOM操作...

    Java Web Jquery表单验证

    jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1、硬件要求:计算机一台 2...

    使用jQuery ajax提交表单代码

    在“使用jQuery ajax提交表单代码”的资源中,我们可以期待看到一个清晰的示例,展示如何将表单数据发送到服务器,并处理响应。 1. **jQuery的$.ajax()函数** - **基本语法**:`$.ajax({ options });` - **选项...

    jQuery完整注册表单提交验证

    如果所有验证都通过,再提交表单到服务器;否则,显示相应的错误信息。 在实际项目中,还可以考虑使用现有的验证库,如`jQuery Validate Plugin`,它提供了丰富的验证规则和自定义选项,可以简化上述过程。同时,...

    Jquery实现表单异步提交.zip

    在Web开发中,异步提交表单是一种常见且高效的技术,它可以提高用户体验,因为用户无需等待整个页面刷新即可看到结果。本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了...

    Jquery提交表单 Form.js官方插件介绍

    Jquery提交表单 Form

    jquery表单验证插件

    创建一个基本的HTML表单,如下所示: ```html Name: Comment: &lt;textarea name="comment"&gt;&lt;/textarea&gt; ``` ##### 4.2 使用API - **ajaxForm**:设置表单以Ajax方式提交。 - **ajaxSubmit**:立即提交表单。 ...

    jquery UI表单设计器

    对于需要频繁更新或定制表单的项目,jQuery UI表单设计器是一个高效且灵活的解决方案。同时,通过研究源代码,开发者可以学习到jQuery和jQuery UI的实战应用,以及前端表单设计和管理的最佳实践。

    Ajax使用jQuery提交表单

    jQuery Form Plugin提供了一个更简单的$.ajaxForm()方法,它可以自动处理表单的序列化和提交。首先,需要在项目中引入jQuery Form Plugin,然后可以这样使用: ```javascript $('#myForm').ajaxForm({ url: '...

    jquery validate表单验证插件制作注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...

    JQuery.form表单提交参数详解.txt

    这两个方法都接受一个参数 `options`,该参数可以是一个对象或者是一个回调函数。当传入一个对象时,对象包含了一系列配置选项,用于控制 AJAX 行为。下面详细介绍这些配置选项: 1. **`target`**: - 用途:指定...

    JQuery实现表单验证

    JQuery,一个流行的JavaScript库,提供了强大的功能来简化这一过程。本篇将深入探讨如何利用JQuery实现表单验证,特别是在注册验证场景中的应用。 首先,了解JQuery的核心概念是必要的。JQuery是一个轻量级、高性能...

Global site tag (gtag.js) - Google Analytics