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

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

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

您还没有登录,请您登录后再发表评论

相关推荐

    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)表单的方法

    form.reset(); ``` 这段代码中，`$form[0]`的目的是从jQuery对象转换为原生的DOM元素，因为只有DOM元素才具有`reset`方法。通过这种方式，我们成功地利用jQuery实现了表单的重置功能。 此外，如果想要在某个特定...

    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"> ...

Magicbox
Global site tag (gtag.js) - Google Analytics