`

表单重置

 
阅读更多
方式一:
    <script type="text/javascript">
        function reset() {
            var form = document.searchForm;
            for (var i = 0; i < form.elements.length; i++) {
                var field = form.elements[i];
                var fieldType = form.elements[i].type.toLowerCase();
                if (fieldType != "submit" && fieldType != "reset" && fieldType != "button" && fieldType != "hidden") {
                    if (fieldType == "radio" || fieldType == "checkbox") {
                        field.checked = false;
                    } else if (fieldType == "select") {
                        field.selected = false;
                    } else {
                        field.value = "";
                    }
                }
            }
        }
    </script>

<form name="searchForm" action="/helpServletTeacher" method="POST">
	<span>辅导状态:</span>
	<select name="status" id="status">
	    <option value="">全部</option>
	    <option value="-2">未确认</option>
	    <option value="-1">待辅导</option>
	    <option value="1">成功</option>
	    <option value="2">未成功</option>
	</select> 
    <input type="button" name="input9" class="bn4" value="重置" onclick="reset()"/>
</form>

分享到:
评论

相关推荐

    vue实现重置表单信息为空的方法

    而在更复杂的表单场景,尤其是配合使用组件库时,利用组件的内置方法如`resetFields()`可以更高效地完成表单重置。这不仅可以减少代码量,还能提高代码的可读性和可维护性。在实际开发中,根据项目需求和所使用的库...

    表单重置.html

    关于HTML的相关资源以及PPT讲解,通过相关的专业术语让学习的读者更能简单应用于实际生活。

    快速解决Vue、element-ui的resetFields()方法重置表单无效的问题

    在Vue和Element-UI的开发过程中,我们常常遇到表单重置的问题,特别是当使用`resetFields()`方法时发现表单并未如预期那样被重置。这个问题通常涉及到多个方面,让我们逐一探讨解决方法。 首先,确保在HTML模板中...

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

    本文将详细讲解如何使用layui来清空和重置表单数据,以实现更好的用户体验。 在layui中,表单的清空和重置可以通过多种方式实现。一种常见的方法是通过JavaScript的原生DOM操作来完成。当用户提交表单后,如果需要...

    DW笨阿猪高级表单验证

    7. **表单重置和提交处理**:"笨阿猪高级表单验证"可能包含如何处理表单重置和提交的事件,确保数据正确处理和传输。 8. **兼容性考虑**:考虑到不同浏览器的差异,验证功能需要具有良好的跨浏览器兼容性。 9. **...

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

    本文将详细探讨如何使用jQuery来重置(reset)一个表单。 在HTML中,`&lt;form&gt;`元素有一个内置的`reset`方法,当用户点击表单内的`&lt;input type="reset"&gt;`按钮时,这个方法会被触发,从而恢复表单到初始状态,清空所有...

    JS动态表单

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

    基于elementui的数据驱动表单组件

    6. **表单重置与清空**:通过调用`resetFields`方法,可以清空表单的所有字段并移除验证状态。如果只需要重置某个字段,可以使用`resetField`方法。 7. **表单提交**:通常在表单的`submit`事件处理器中,我们会...

    一个完美的js表单验证案例

    8. **表单重置**:当用户修正错误并重新提交表单时,可以使用`$("#form").trigger("reset")`重置表单,清空输入框和错误提示。 9. **自定义插件**:更复杂的表单验证可能需要用到一些成熟的jQuery验证插件,如...

    JavaScript表单验证模板

    8. **表单重置**:当用户输入符合规范后,可以清除错误消息,重置表单状态,让用户继续填写。 9. **异步验证**:对于复杂的验证需求,如检查用户名是否已存在,可以使用Ajax异步请求向服务器发送数据,获取验证结果...

    vue+elementui 对话框取消 表单验证重置示例

    在Element UI中,每一个el-form组件都有一个resetFields方法,调用它即可实现表单重置。我们可以通过给el-form组件设置一个引用名称(ref),然后在需要重置表单的时候使用this.$refs[refName].resetFields()来触发...

    表单JS例子

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

    在Vuejs中轻松创建表单

    6. **表单重置**: Vue.js 提供了 `this.$refs` 访问器来引用组件,这可以用来获取表单元素并调用其原生方法,如reset(),以重置表单状态。 7. **表单状态管理**: 通过在Vue实例中设置状态变量,可以方便地管理...

    jquery动态表单

    7. **表单重置**: 如果需要清空整个表单,可以使用`reset()`方法。但需要注意的是,这个方法只对原生HTML表单元素有效,对于动态添加的元素,可能需要手动清除。 综上所述,jQuery动态表单提供了一套强大的工具,...

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

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

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

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

Global site tag (gtag.js) - Google Analytics