`

js提交表单

    博客分类:
  • js
阅读更多

1.document.forms.from.submit();
document.form.sumbit();
document.form.submit.click();
this.form.submit();
以上几种形式的js表单提交在firefox浏览器下是不起作用的
2.必须遵循w3c标准:
1).获得form时应使用getElementById()方法
2).用.submit()方法提交表单
3).button的name/id绝对不能命名为”submit”
4).form中所有的组件(按钮,文本框等)的name/id也不能命名为”submit”

# 当提交按钮的name 或者 id为submit时候,用js 提交表单,表单名.submit()时候会报一个错误,提示对象不支持此属性或办法。
解决方法是修改提交按钮的 name 或者 id 不要与 submit或者action同名即可。
那么,请问为什么 当提交按钮的 name 或者 id为submit或者 action的时候 js提交表单会报错呢?这难道是 一个bug?
高手们请指教。。。。

! 因为”表单名.submit()提交”这种写法本身就是不符合W3C标准的规定的,在IE下没有报错因为IE支持这种写法,但是如果在FF下就会报错,要写成”document.getElementById(‘form id’).submit()”的?

# 我在项目中发现<input type=”submit”/>与<img src=”123.gif” onclick=”submit();”>
得出的效果截然不同, 谁能告诉我这两着有合不同
我又如何能用图片来替代原有的提交按钮

! <input type=”submit” />是说这是一个按钮,它的是一个提交按钮.当点击它时,它会自动将它所在的表单进行提交.

分享到:
评论

相关推荐

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js提交表单及js表单验证

    ### JS提交表单及JS表单验证 在Web开发中,JavaScript经常被用来增强用户体验,其中一个重要的应用领域就是表单验证。通过JavaScript进行前端验证,可以及时反馈用户输入错误,提高交互效率。本文将详细解释如何...

    js提交表单的三种方式

    在JavaScript中,提交表单是网页交互中的常见操作,它允许用户输入数据并将其发送到服务器进行处理。这里我们将详细探讨三种主要的表单提交方式:默认的HTML表单提交、JavaScript事件处理以及Ajax异步提交。 1. **...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

    js表单验证大全,js提交表单

    - `javascript提交表单__超超聊事.files`: 可能是一份关于JavaScript表单提交技术的详细讲解资料。 7. **最佳实践** - 提供即时反馈:验证时应立即通知用户输入是否有效。 - 清晰的错误信息:明确指出错误位置和...

    js 提交form表单和设置form表单请求路径的实现方法

    如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~

    prototype -通过js提交表单,局部刷新不跳转

    这就是"prototype - 通过js提交表单,局部刷新不跳转"的核心思想。 首先,我们需要了解Prototype中的`Form.Element`和`Form`类。`Form.Element`提供了对表单元素的便捷操作,如获取或设置值,而`Form`类则用于处理...

    JS提交form表单实例分析

    一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value="提交表单"&gt; &lt;/form&gt; javascript 代码: [removed] ...

    js实现定时提交表单

    下面将详细介绍如何使用JavaScript实现定时提交表单的功能。 首先,我们需要理解表单(Form)的基本结构和事件。在HTML中,表单元素通常由`&lt;form&gt;`标签定义,包含各种输入控件如`&lt;input&gt;`、`&lt;textarea&gt;`等。表单...

    批量提交表单JS

    批量提交表单JS的核心概念是利用JavaScript对多个表单数据进行处理,然后一次性发送到服务器。传统的HTML表单提交会刷新整个页面,而使用JS的批量提交则可以在不刷新页面的情况下完成,提供更好的用户体验。 jQuery...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    javascript方式防止表单重复提交

    JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...

    用js提交表单解决一个页面有多个提交按钮的问题

    用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。 &lt;pre class=javascript name=code&gt;function check(txt){ $j(form).submit(function(){ if($txt==提交)...

    Js 表单提交验证函数(很全了)

    对于更复杂的验证,例如服务器端验证,可以使用`Promise`或`async/await`处理异步请求,等待验证结果后再决定是否提交表单。 八、跨浏览器兼容性 考虑到不同浏览器对HTML5新特性的支持程度,可能需要使用条件语句或...

    js提交form表单,并传递参数的实现方法

    需要注意的是,虽然上述示例代码展示了如何通过JavaScript提交表单并传递参数,但在实际开发中,还需要处理表单验证、错误处理以及提升用户体验等方面的内容。例如,可以在提交前进行输入验证,确保所有必需的信息都...

    javascript实现点击提交按钮后显示loading的方法

    主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下

    表单验证js 提交前验证

    在前端验证中,JavaScript通常用于在用户提交表单之前检查输入的有效性。以下是一些常见的表单验证规则和知识点: 1. **非空验证**:这是最基本的验证,检查用户是否填写了必填字段。在JavaScript中,可以使用`if ...

    js跨域iframepostMessage提交表单

    综上所述,"js跨域iframepostMessage提交表单"的实现策略结合了iframe、form、postMessage以及事件监听等多个JavaScript特性,有效解决了跨域提交表单,尤其是包含文件上传的复杂场景,并且能获取返回值,提高了用户...

Global site tag (gtag.js) - Google Analytics