由于JQuery中,提交表单是像下面这样的:Java代码 $('#myform').submit() $('#myform').submit() 所以,想当然的认为,重置表单,当然就是像下面这样子喽:Java代码 $('#myform').reset() $('#myform').reset()但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置!后来,上网查了一下,说是,JQuery中没有reset方法,经核对,果然是没有。那有么没有办法通过JQuery来重置表单呢,答案是有的,不过是一种间接的方法,如下:Java代码 $('#myform')[0].reset()也就是通过调用 DOM 中的reset方法来重置表单。
成都创新互联公司基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽,联通大带宽,移动大带宽,多线BGP大带宽租用,是为众多客户提供专业绵阳服务器托管报价,主机托管价格性价比高,为金融证券行业服务器托管,ai人工智能服务器托管提供bgp线路100M独享,G口带宽及机柜租用的专业成都idc公司。
form 自带reset按钮并不能真正重置表单,当表单有默认值时。所以写js方法调用,来清空form表单。
你好!
可以通过jquery.form.js来解决。
form
标题:input type="text" name="title" /br /
内容:textarea name="content"textarea/br /
button提交/button
/form
$('button').on('click', function() {
$('form').on('submit',
function() {
var title = $('inpur[name=title]').val(),
content = $('textarea').val();
$(this).ajaxSubmit({
type: 'post', // 提交方式 get/post
url: 'your url', // 需要提交的 url
data: {
'title': title,
'content': content
},
success: function(data) {
// data 保存提交后返回的数据,一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功!');
}
$(this).resetForm(); // 提交后重置表单
});
return false; // 阻止表单自动提交事件
}
);
});
希望对你有帮助!
function resetControl() {
var obj = null;
for (var i = 0; i = Form1.elements.length - 1; i++) {
obj = Form1.elements[i];
if (obj.tagName == "INPUT" obj.type == "text") {
obj.setAttribute("value", "");
}
if (obj.tagName == "INPUT" obj.type == "checkbox") {
obj.setAttribute("checked", false);
}
if (obj.tagName == "SELECT") {
obj.options[0].selected = true;
}
}
return false
}你把这个函数考到head里面去,在重置按钮里加上这个就OK了,我写的这个函数很通用
本文题目:jquery表单重置,html表单提交重置按钮
文章位置:https://www.cdcxhl.com/article22/dsicocc.html
成都网站建设公司_创新互联,为您提供微信公众号、网站营销、、软件开发、电子商务、网站导航
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联