jQuery 重置/reset()表单
程序员文章站
2022-04-04 12:18:29
...
前言
- 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="[email protected]" /><br/>
<input type="submit" />
<input type="button" value="重置" />
</form>
</body>
</html>
jQuery 表单中部分元素重置
- 在页面初始化时，将数据保存备用
- 在需要重置时，将需要重置的元素重新赋值
参考
https://blog.csdn.net/w410589502/article/details/55259780
上一篇： php deprecated怎么去除
下一篇： ps橡皮擦圆圈不见了怎么办
推荐阅读
-
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)_jquery
-
jquery设置text的值示例(设置文本框 DIV 表单值)_jquery
-
jQuery插件Validate实现自定义表单验证_jquery
-
jQuery表单美化插件jqTransform使用详解_jquery
-
jQuery使用ajaxSubmit()提交表单示例
-
jQuery.Validate表单验证插件的使用示例详解
-
jquery获取file表单选择文件的路径、名字、大小、类型
-
jquery表单验证使用插件formValidator
-
jQuery中使用validate插件校验表单功能
-
jQuery异步提交表单实例