`

javascript 表单重置的问题 reset

 
阅读更多

     今天做了一个reset按钮。但是还是有一个问题没有解决。因为是一个搜索表单。两个按钮,一个“搜索(type=submit)”,一个“重设(type=reset)”。我在"重设"上面加了一个onclick方法。

 

onclick="javascript:resetForm();"
 

function resetForm(){
	document.forms["fo"].reset();
}
 

fo是表单的name。点击搜索之后,结果是直接显示在搜索表单下方的。

 

有一个问题是这样的:

      点击搜索之前,点击重设是有效的,也就是表单会重置。在点击搜索之后,重设按钮就无效了。实在没搞明白是怎么一回事。

 

 

 

1
2
分享到:
评论

相关推荐

    JavaScript实现重置表单(reset)的方法

    在JavaScript中,我们可以通过多种方式实现表单的重置操作,但最直接和常用的方法是使用表单对象的reset()方法。 首先,我们需要了解reset()方法的基本用法。在JavaScript中,reset()方法是HTMLFormElement对象的一...

    使用jQuery重置(reset)表单的方法

    `,我们会发现这并不工作,因为jQuery本身并没有提供一个直接的`.reset()`方法来重置表单。这是由于`.reset()`实际上是HTML DOM元素的一个原生方法,而不是jQuery对象的方法。 那么,如何在jQuery中正确地重置表单...

    jquery js 重置表单 reset()具体实现代码

    总的来说,虽然jQuery没有内置的`reset()`方法,但通过结合使用jQuery选择器和JavaScript原生的`reset()`方法,我们可以轻松地实现表单重置功能。在处理大量表单元素时,应考虑更高效的方法,如一次性清空所有`input...

    第七章 JavaScript表单编程

    JavaScript表单编程是Web开发中的核心技能之一,它允许开发者获取用户在网页表单中输入的数据并进行验证,从而提供良好的交互体验。本章主要涵盖了以下几个关键知识点: 1. **脚本访问表单**: - 通过`document....

    Reset-form-[removed]使用 javascript 重置表单

    表单重置不仅限于JavaScript,也可以通过HTML的`<input type="reset">`元素实现。但JavaScript允许我们更加灵活地控制重置行为,比如在特定条件满足时才重置,或者重置前后执行其他操作。 总的来说,JavaScript提供...

    layui清空,重置表单数据的实例

    在jQuery或原生JavaScript中,可以通过ID选择器获取到这个表单元素,然后调用`reset()`方法来清空表单数据: ```javascript $("#addGoodsForm")[0].reset(); ``` 这里`[0]`是获取到DOM元素,因为jQuery对象是一个...

    如何使用图片按钮作为重置(reset)表单按钮

    本篇文章将详细介绍如何使用图片按钮作为重置(reset)表单的功能。 首先,我们需要了解HTML中的`<input>`元素,它允许我们创建各种类型的用户输入控件,包括按钮。当`type`属性设置为`image`时,`<input>`元素会显示...

    理解JavaScript表单的基础知识

    - `reset`事件可以用来捕获并取消重置操作,通过`event.preventDefault()`防止表单重置。 - 通过`form.reset()`方法可以编程方式重置表单,同样会触发`reset`事件。 4. **表单字段的访问**: - `form.elements`...

    jQuery实现form表单reset按钮重置清空表单功能

    隐藏reset按钮的目的是为了使用浏览器原生提供的表单重置功能。 ### 知识点五:jQuery中触发reset按钮的方法 在jQuery中,可以通过调用`.trigger("click")`方法模拟点击事件,从而触发隐藏的reset按钮。这一操作会...

    JavaScript验证注册表单(包含多种表单元素)

    8. **表单重置与提交**:在验证失败时,可能需要阻止表单的默认行为(如提交),可以使用`event.preventDefault()`。成功验证后,可以手动提交表单(`form.submit()`)或清除表单(`form.reset()`)。 9. **错误...

    JAVASCRipt表单验证

    综上所述,JavaScript表单验证是确保数据质量的关键步骤,通过合理的设计和实现,可以有效防止无效数据的提交,提升网站的可靠性和用户体验。通过深入理解和实践这些知识点,开发者可以创建出更健壮、用户友好的表单...

    JAVAScript的早餐.rar

    6. **表单重置与提交控制**:JavaScript可以控制表单的`reset`和`submit`行为,比如阻止默认的提交动作,或者在特定条件下触发提交。 7. **表单元素的属性操作**:可以动态修改表单元素的属性,如禁用(`disabled`...

    Javascript表单验证要注意的事项

    - `reset()`:重置表单到初始状态,`oForm.reset();` 4. **获取文本框的值**: - 可以通过`.value`属性获取文本框的当前值,例如`otext.value`,并且可以使用`.length`获取值的长度,如`otext.value.length;` 5....

    清空表单标签js

    在JavaScript(简称JS)中,清空表单标签通常是网页交互中常见的操作,尤其是在用户提交数据后重置表单或者在某些动态事件触发时需要清除输入的值。本篇文章将详细探讨如何使用JavaScript来实现这一功能,以及相关...

    layui 点击重置按钮, select 并没有被重置的解决方法

    在使用Layui的过程中,可能遇到一些问题,比如在点击重置按钮后,某些表单元素(如select)并没有被重置。在本文中,将探讨为什么会出现这种情况,以及如何正确地重置这些元素。 首先,当我们在Layui中点击重置按钮...

Global site tag (gtag.js) - Google Analytics