`
memomemo
  • 浏览: 47470 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

form.reset() 不是清空form内容

阅读更多
运行 jQuery 的Tutorials时 执行以下代码总以为会清空myForm内容,实际上只是回到form的上一个状态而已。也就是说,页面加载后就点击 reset,不会有任何变化,只有改变form内容后再点击,才会看到效果
$(document).ready(function() {
	$("#reset").click(function() {
		$("#myForm")[0].reset();
	});
});
分享到:
评论

相关推荐

    ExtJs 带清空功能的日期组件

    创建一个新的类,继承自Ext.form.field.Date,然后添加我们需要的清空功能。可以通过`Ext.extend()`方法实现这一点。 ```javascript Ext.define('MyApp.form.field.ClearableDate', { extend: 'Ext.form.field....

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

    有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码: 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”...

    jquery.form.js用法之清空form的方法

    jquery.form.js是一个常用的jQuery插件,提供了一些便捷的方法来处理表单,其中包括清空表单的功能。这个功能在需要重新填写表单数据或清空表单验证状态时非常有用。本文将详细解析jquery.form.js中清空表单的方法。...

    清空表单标签js

    var element = form.elements[i]; switch (element.type) { case 'text': case 'email': case 'password': element.value = ''; break; case 'checkbox': case 'radio': element.checked = false; break;...

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

    总的来说,重置表单在jQuery中可以通过调用DOM元素的`.reset()`方法或者手动清空每个输入字段来实现。选择哪种方法取决于具体的需求和场景,但通常情况下,直接使用`$(‘#yigeform’)[0].reset();`是既简单又有效的...

    ASP.Net中FileUpLoad控件内容清空

    4. **重置表单**:调用`form.reset()`来清空`FileUpload`控件中的文件信息。 5. **还原DOM结构**:将`FileUpload`控件重新插入到其原来的位置,并移除临时表单。 ```javascript function clearFileInput(file) { ...

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

    3. 在请求成功或失败后,调用`form.reset()`清空表单字段。 4. 调用`layui.form.render()`更新表单视图,确保与实际状态同步。 这个过程不仅适用于商品发布,也可以应用到任何需要处理表单数据并重置表单的场景。在...

    html提交图片

    这里的 `onclick` 事件使用 `this.form.reset()` 方法来清空表单数据。 另一种方式是使用 `<a>` 标签包裹 `<img>` 标签: ```html <a href="javascript:document.formName.reset();"><img border="0" src="reset....

    prototype.js常用函数:

    22. **Form.reset**:重置表单,`Form.reset('form1')`清除`form1`表单的所有数据。 23. **Form.Element.getValue**:获取表单元素的值,`Form.Element.getValue('text1')`返回ID为`text1`的元素的值。 24. **Form...

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

    这意味着如果在表单加载后,你已经通过JavaScript改变了某个输入框的`value`属性,那么`reset`方法会将该输入框的值恢复到改变之前的状态,而不是直接清空。 在W3C规范中,`<input type="reset">`标签用于创建一个...

    微信小程序---提交表单后清空输入框

    最近有人问我提交表单后怎么把输入框的内容清空了。  这种方法不止一种, 1、可以用表单的重置功能。 按钮设置:   formType="reset">提交 form设置:   bindreset="formReset"> 表单重置时会触发reset事件,在...

    Form元素总结.doc

    4. `reset`:重置按钮,清空表单数据。 5. `image`:图像提交按钮,提交时用鼠标点击的位置作为坐标数据。 6. `hidden`:隐藏字段,不在页面上显示。 7. `email`、`url`、`tel`、`number`、`range`:用于特定类型的...

    微信小程序简单实现form表单获取输入数据功能示例

    在formReset函数中,我们可以重置form表单的输入数据,并清空界面上的提示信息。 ```javascript formReset: function() { this.setData({ tip: '', userName: '', psw: '' }) } ``` 通过以上代码,我们可以实现...

    Prototype使用学习手册指南

    - **示例**:`Form.reset('form1');` - **`Form.Element.getValue(elementId)`** - **功能**:取得表单元素的值。 - **示例**:`Form.Element.getValue('text1');` - **`Form.Element.serialize(elementId)`** ...

    ASP.NET—017:ASP.NET中清空按钮的实现

    在`.aspx`文件中,创建一个`<asp:Form>`控件,然后添加一个`<asp:Button>`控件,将其`Text`属性设置为“清空”,`OnClick`事件绑定到服务器端的方法。 ```html <form id="form1" runat="server"> ...

Global site tag (gtag.js) - Google Analytics