资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery表单重置,html表单提交重置按钮

JQuery中如何重置(reset)表单

由于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公司。

jquery重置form表单!

form 自带reset按钮并不能真正重置表单,当表单有默认值时。所以写js方法调用,来清空form表单。

在jQuery中直接提交表单后怎么获取返回值

你好!

可以通过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; // 阻止表单自动提交事件 

}

);

});

希望对你有帮助!

form 表单中的数据如何重置

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表单提交重置按钮
转载来于:http://cdkjz.cn/article/dsicocc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220