form表单reset重置按钮

如果ajax提交完数据,后想清空表单内容 ,以前都是用这个方法$("#id").val(""); 一个一个清空的,其实可以在form表单中加个隐藏的<input type="reset"  style="display:none/>的重置按钮,ajax提交后调用下 $("input[type=reset]").trigger("click"); 就可以把输入框的值重置为默认值了(注意reset重置按钮是把表单的值重置为默认值,不是清空

时间: 2024-10-08 00:15:01

form表单reset重置按钮的相关文章

form表单的button按钮问题

最近写了一个KendoUI 的kendowindow组件,组件里包含了一个form表单,表单里有一个button,不是提交保存的按钮,而是链接到另一个kendowindow的按钮,跟请求提交毫无关系,但是点击这个button的时候,表单总会直接自动提交,解决方法(3种如下): 1.button换成了span,问题解决. 2.将button标签加上 type="button"的属性 3.用<input type="button"> 标签

form表单里的按钮触发form表单的提交

出现问题主要原因是button标签的type属性,button的type属性值有三个分别为button.submit.reset.当我们在利用button标签写一个按钮且没有指定其type属性时,IE7以下版本会默认指定为button,其他会被默认指定为submit.当按钮的type属性被指定为submit的时候,点击它会提交表单.解决办法:当需在form标签中放置一个button的时候,如果这个按钮不是做提交表单的,切记一定要设置其type为button. 原文地址:https://www.c

asp.net中form表单多个按钮submit提交到后台的实例

<form method="post" id="form"> <input type="submit" value="发布"/> <input type="submit" value="存为草稿" /> <input type="submit" value="取消" /> </form>

form表单取消按钮自动提交

默认写在form表单里的按钮可以自动提交表单,现在要实现的效果是点击button按钮调用js函数,再有ajax提交 <button type="button" class="btn btn-sub" onclick="return formSubmit();">提交</button> function formSubmit() { // 如果是修改渠道号,原来就有渠道参数,需要将原有的渠道参数初始化进去 $("#

jsp界面form表单通过定位失败问题

问题:在博主写jsp界面是遇到了一个提交问题,那就是在form表单通过button按钮的onclick事件提交时,无论如何都会返回一个请求.所以focus定位一直有问题,每次在定位之后都会重新刷新界面 (简言之:就是form表单中的属性,button按钮也会自动提交数据): 代码如下: <form id="register"> <div><label>手机号    :</label><span><input type=&

禁止button标签提交form表单,变成普通按钮

button有个type属性,属性值可为button.submit.reset button=普通按钮,直接点击不会提交表单submit=提交按钮,点击后会提交表单reset=表单复位 当button的type属性值为button时,仅做为一个普通的按钮,并不会提交该表单,此时你可以通过js脚本来提交,而form中不需要加onsubmit事件.

form表单input file类型的重置

我们知道form表单的dom中有一个reset方法,通过 document.getelemetbyid('yourform').reset()可以重置表单. Jquery对象没有reset方法,所以jquery的重置也是通过dom的reset方法完成,即 $('yourform')[0].reset() 对于form表单的input file类型的元素,在其他主流浏览器中通过form的reset方法完全可以重置 但是IE9以及以下对input file类型,reset无法重置.查了一些资料据说是

js重置form表单

CreateTime--2017年7月19日10:37:11Author:Marydon 需要使用的方法:reset() 示例: HTML部分 <form id="test"> <input id="test2" type="hidden" value="2"/> <textarea>测试是否会重置文本域,默认带值的不会被清空</textarea> <textarea id

Form表单内按钮实现location.href跳转

这两天在架设一个较早的PHP应用程序,发现有几个按钮在IE下点击有效果,在Chrome.Firefox下点击则没反应.问题来了,那么马上F12拉出神器开始调试,下面把HTML代码贴出来: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"