前言

jQuery v3.5.1

jQuery 重置/reset()表单

jQuery中是没有reset()方法的，不过是一种间接的方法
$('#myform')[0].reset();
也就是通过调用 DOM 中的reset方法来重置表单。

示例：

<html>
<header>
<script crossorigin="anonymous" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){$("#form1").submit(function(){alert("提交表单");return false;});$("#form1 :button[value='重置']").click(function(){$("#form1")[0].reset();});
});
</script>
</header><body><form id="form1" action="#"><span>姓名：</span><input type="text" name="name" value="张三" /><br/><span>邮箱：</span><input type="text" name="email" value="1@1.com" /><br/><input type="submit" /><input type="button" value="重置" /></form>
</body>
</html>

jQuery 表单中部分元素重置

在页面初始化时，将数据保存备用
在需要重置时，将需要重置的元素重新赋值

参考

https://blog.csdn.net/w410589502/article/details/55259780

jQuery 重置/reset()表单相关推荐

使用jQuery重置(reset)表单的方法
由于JQuery中,提交表单是像下面这样的: 代码如下: $('#yigeform').submit() 所以,想当然的认为,重置表单,当然就是像下面这样子喽: 代码如下: $('#yigeform' ...
BCSP-玄子前端开发之JavaScript+jQuery入门CH13_表单校验
BCSP-玄子前端开发之JavaScript+jQuery入门CH13_表单校验 4.13 表单验证 4.13.1 为什么要表单验证保证输入的数据符合要求减轻服务器的压力 [外链图片转存失败,源站 ...
bootstrap html5 表单验证,基于Bootstrap+jQuery.validate实现表单验证
这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤 ...
JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证博客分类: jsp/html/javascript/ajax/development Kit 开源项目注:经过验证,formValidator只适合一个页面 ...
js jquery 清空form表单
js jquery 清空form表单 //js document.getElementById("formId").reset(); //jquery $("#formI ...
php+提交和重置按钮传值,JS提交和重置form表单
本节示例讲解 JavaScript 的提交 form 表单和重置 form 表单. 提交表单使用和标签都可以定义提交按钮,只要将 type 属性值设置为"submit"即可, ...
jQuery插件 -- Form表单插件jquery.form.js
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmi ...
自己编写jQuery插件之表单验证
自己编写jQuery插件之表单验证吐个嘈先:最近状态不咋滴,真是什么都不想干,不想上班,做什么都没动力,觉得没意思.不想这样,不想这样,快让这种情绪消失吧,忽忽.... 表单验证在项目中用的还是比较 ...
Spring MVC和JQuery用于Ajax表单验证
在本教程中,我们将看到如何使用Ajax和Spring MVC和JQuery在服务器端验证表单. Spring MVC为通过注释驱动的配置采用Ajax提供了非常方便的过程. 我们将使用此注释驱动的配置以 ...

jQuery 重置/reset()表单

前言

jQuery 重置/reset()表单

jQuery 表单中部分元素重置

参考

jQuery 重置/reset()表单相关推荐

最新文章

热门文章