javascript - 提交和重置不适用于联系表格
问题描述
我为网站上的联系我们部分创建了一个简单的表格。对于提交按钮,最初我使用 type=submit,但后来遇到了将其更改为 type=button 的建议。但是,该代码不适用于提交和重置。有人可以帮忙指出我下面的代码有什么问题。
function submitForm() {
var frm = document.getElementById('contactFormAP');
alert('H2');
frm.submit(); // Submit the form
alert('H3');
frm.reset(); // Reset form data
return false;
}
<form class="contactForm" action="email_form.php?do=send" method="post" role="form" id="contactFormAP">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="contactnumber" id="contactnumber" placeholder="Contact Number" data-rule="minlen:10" data-msg="Please enter correct contact number with country code" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<div class="text-center">
<input type="button" value="Submit" id="submitbtn" onclick="submitForm()">
</div>
</form>
解决方案
请改用 OnSubmit-Listener:
推荐阅读
- c++ - PCL:仅使用一个坐标,如何找到一个点或所有可能点的剩余两个坐标?
- javascript - 如何通过更改 CSS 属性用 jQuery 替换 vanilla JS“点击显示/隐藏”操作
- flutter - 如何安全地导航到我的颤振应用程序的默认路由(“主页”)?
- java - SpringBoot 查询 DTO
- regex - 301 重定向 htaccess - 保留一个 url 参数,删除其余并更新 URL
- r - 如何删除数据框中的空行,同时相应的行在另一个数据框中消失?
- html - HTML - 为什么选择时输入框周围有一个框
- python - Python如何将新值与现有值相加?
- mysql - MySQL 连接或子查询
- go - 控制器将 json 作为字符串返回