I have looked through all the similar posts out there but nothing seems to help. This is what I have
<section> <form id="contact-form" action="" method="post"> <fieldset> <input id="name" name="name" placeholder="Name" type="text" /> <input id="email" name="email" placeholder="Email" type="text" /> <textarea id="comments" name="comments" placeholder="Message"></textarea> <div class="12u"> <a href="#" id="form-button-submit " class="button" onClick="sendForm()">Send Message</a> <a href="#" id="form-button-clear" class="button" onClick="document.getElementById('contact-form').reset()">Clear Form</a> </div> <ul id="response"></ul> </fieldset> </form> </section>
function sendForm() { var name = $('input#name').val(); var email = $('input#email').val(); var comments = $('textarea#comments').val(); var formData = 'name=' + name + '&email=' + email + '&comments=' + comments; $.ajax({ type: 'post', url: 'js/sendEmail.php', data: formData, success: function(results) { $('ul#response').html(results); } }); // end ajax }
我所不能做的是prevent页面刷新的时候#表单按钮提交是pressed。我试过返回false; 我试过 preventDefault(),每一个组合,包括返回假; 在的onClick 。我也尝试过使用输入类型=按钮和类型=提交来代替,而同样的结果。我解决不了这个,这是推动BE坚果。如果可能的话,我宁愿使用的超级链接,由于一些设计的东西。 我会在这个真正的AP preciate你的帮助。
#表单按钮提交
返回false;
preventDefault()
返回假;
的onClick
输入类型=按钮
类型=提交
What I am unable to do is prevent the page refresh when the #form-button-submit is pressed. I tried return false; I tried preventDefault() and every combination including return false; inside the onClick. I also tried using input type="button" and type="submit" instead and same result. I can't solve this and it is driving be nuts. If at all possible I would rather use the hyperlink due to some design things. I would really appreciate your help on this.
#form-button-submit
return false;
preventDefault()
onClick
input type="button"
type="submit"
修改功能是这样的:
function sendForm(e){ e.preventDefault(); }
和作为注解中提到的,传递事件:
And as comment mentions, pass the event:
onclick = sendForm(event);
更新2:
$('#form-button-submit').on('click', function(e){ e.preventDefault(); var name = $('input#name').val(), email = $('input#email').val(), comments = $('textarea#comments').val(), formData = 'name=' + name + '&email=' + email + '&comments=' + comments; $.ajax({ type: 'post', url: 'js/sendEmail.php', data: formData, success: function(results) { $('ul#response').html(results); } }); });
相关推荐
英国下议院(2023最新英国下议院百科介绍)
中国科学技术大学图书馆(2023最新中国科学技术大学图书馆百科介绍)
梁实秋自选集(梁实秋著书籍)
制造业信息化(2023最新制造业信息化百科介绍)
血小板计数(PLT)
不寻常的行为显示,同时显示弹出屏幕jQuery Mobile的弹出、寻常、屏
大纲视图设计测试/调试视图、大纲、测试
在保留悬停信息的同时将多边形添加到散点图多边形、时将、信息、
.NET - 如何检索特定的项目从一个数据集的?项目、数据、NET
的WinForms:关闭模式对话框时,对话框之外点击对话框、模式、WinForm
80年代老电影推荐 带你回味80年代初的经典老电影_80年代经典电影
性生活与前列腺健康问题_男人前列腺健康最怕六件事
香菇瘦肉粥的做法是怎样的?_香菇瘦肉粥的做法有哪些
糟蒸青鱼的做法_蒜味剁椒蒸青鱼的做法
人体免疫力低是由什么原因引起的,如何解决?_人体免疫力低吃什么好呢
静脉输液操作具体步骤是什么_早泄捏挤法操作步骤
水母可以吃吗_水母能吃吗?专家告诉你正确做法
凤爪的做法大全方法_凉拌凤爪的做法大全有哪些
子宫肌瘤合并妊辰的治疗方法_糖尿病合并低血糖的治疗方法
加减柴陈汤的功效与作用_加减柴葛汤的功效与作用
最新文章
中山大学(民国时期中国多所高校的旧称)
玛雅水公园(2023最新玛雅水公园百科介绍)
青铜粉(青铜粉)
史坦卡(史坦卡)
我应该如何验证一个电子邮件地址?电子邮件地址
如何通过 Symfony2 设置更改 Twig 加载程序加载、程序、Twig
安卓-BaseAdapter不增加新项目的ListView新项目、BaseAdapter、Li
2022教师节送男教师什么礼物好 教师节送男老师这些礼物比较合适_2
经皮肾镜术后怎么护理_经皮肾镜手术的方法
碧玉丸的功效与作用_木香枳壳丸的功效与作用
京都奈良攻略_梁思成京都奈良
树莓的营养价值_树莓的营养价值有哪些
乳头烂了怎么回事?_阴囊乳头状赘生物怎么回事
卤汁牛肉的做法有哪些_秘制卤汁牛肉的做法
浙貝蛋的功效与作用_鸽子蛋的功效与作用
急腹症的治疗方法_老年急腹症的治疗方法
原来男人喝酒也有这样的神奇好处_男人喝酒4种菜切记不要吃,增加食
全球骑士卡是否有用(全球购骑士卡真的有用吗?)
夜半钟声到客船,相关资料是什么
尚加偏旁组词,相关资料是什么