`

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)的方法,涉及javascript中reset()方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

    总结,虽然jQuery没有内置的`reset()`方法,但我们可以通过调用原生JavaScript的`reset()`方法或采用其他策略来重置表单。在处理大量输入字段时,可以利用隐藏的`type="reset"`按钮或保存并恢复默认值的方式来实现...

    第七章 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对象是一个...

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

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

    理解JavaScript表单的基础知识

    本文将深入探讨JavaScript表单的基础知识,包括表单元素、事件处理以及常见的表单操作。 1. HTMLFormElement接口 JavaScript中的表单元素由`HTMLFormElement`接口表示,它继承自`HTMLElement`。`HTMLFormElement`...

    JAVASCRipt表单验证

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

    JAVAScript的早餐.rar

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

    清空表单标签js

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

    JS动态表单

    8. **表单重置与清空**:`reset()`方法可以恢复表单到初始状态,而`removeChild()`则可以删除已添加的表单元素,从而实现清空表单的功能。 9. **表单数据的本地存储**:如果需要在用户关闭页面后仍保留表单数据,...

    表单与javascript

    表单与javascript的课件,ppt中有源码,可以直接复制过来运行,是很好的教学资源: 表单元素事件: 文本域事件 按钮事件 复选框事件 ...<INPUT TYPE="reset" value="重置"> </FORM></BODY> </html>

    了解JavaScript表单操作和表单域

    表单对象还提供了几个方法,如`submit()`用于手动提交表单,`reset()`则可以重置表单的所有字段到初始状态。 表单对象还有与之相关的事件,如`onsubmit`和`onreset`。当用户点击表单内的提交按钮时,会触发`...

    表单JS例子

    6. **表单重置**:成功验证后,可以清空错误信息,或使用`form.reset()`方法重置表单状态。 7. **异步验证**:对于更复杂的验证,如检查用户名是否已存在,可以使用Ajax异步请求与服务器通信。 8. **HTML5内置验证...

    JavaScript 表单处理实现代码

    <input type="reset" value="重置" /> // 无需JavaScript实现重置 addEvent(document, 'click', function () { fm.reset(); // 使用JavaScript方法实现重置 }); ``` **五、表单字段处理** 在表单处理中,我们经常...

    js表单认证大全(js表单认证大全)

    八、表单重置与提交控制 `reset()`方法用于清空表单,`preventDefault()`用于阻止默认的表单提交行为,如跳转或提交数据。 九、表单验证库 许多库如jQuery Validation、Formik、Vuelidate等提供更强大的表单验证...

    对于Form表单reset方法的新认识

    HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的,reset方法的本质是将input等输入项中的内容还原为属性value中的值,而不是“”...

    JavaScript课件-07.pptx

    此外,`form`对象也提供了`reset()`和`submit()`两个方法,分别用于重置表单和提交表单。 表单元素是构成表单的基本组件,包括`input`(如单行文本、密码框、复选框和单选框)、`textarea`(多行文本框)、`select`...

Global site tag (gtag.js) - Google Analytics