Onsubmit javascript
Onsubmit javascript
提问于 2013-05-30 03:17:41
嗨，我有一个html页面，其中有一个form，我希望当form被点击时，弹出一个警告框，并说“谢谢你联系”所有使用javascript这里是我的代码。
PS。正如您所注意到的，我在提交时对form进行了验证。除了验证之外，我还希望添加顶部的javascript警报框。
<form id="contact" onsubmit="checkContactForm(); return false;" onreset="resetForm();" action="">
<p>Fill in the form below to send me a message!</p>
<div id="errormessage"></div>
<p>
<label for="name">Name:</label>
<input type="text" name="name" id="name" onfocus="resetField(this);" />
</p>
<p>
<label for="email">E-mail address:</label>
<input type="text" name="email" id="email" onfocus="resetField(this);" />
</p>
<p>
<label for="message">Your Message:</label>
<textarea name="message" id="message" rows="5" cols="25" onfocus="resetField(this);"></textarea>
</p>
<p>
<button type="submit">Send Message</button>
<button type="reset">Reset Form</button>
</p>
</form>回答 2
Stack Overflow用户
发布于 2013-05-30 03:25:05
在Jsfiddle上尝试和示例
<html>
<head>
</head>
<body >
<div id="errormessage"></div>
<form id="new">
<p>
<label for="name">Name:</label>
<input type="text" name="name" id="name" " />
</p>
<p>
<label for="email">E-mail address:</label>
<input type="text" name="email" id="email" " />
</p>
<p>
<label for="message">Your Message:</label>
<textarea name="message" id="message" rows="5" cols="25"></textarea>
</p>
<p>
<button onClick="aler()">Send Message</button>
<button type="reset">Reset Form</button>
</p>
</form>
<script type="text/javascript">
function aler(){
alert("thank you for getting in touch" );
document.getElementById("new").submit();
}
</script>
</body>
</html>Stack Overflow用户
发布于 2013-05-30 03:26:14
这将在提交时显示一个警告框
<div id="errormessage"></div>
<form action="#" onsubmit="alert('Thank you for getting in touch');">
<p>
<label for="name">Name:</label>
<input type="text" name="name" id="name" onfocus="resetField(this);" />
</p>
<p>
<label for="email">E-mail address:</label>
<input type="text" name="email" id="email" onfocus="resetField(this);" />
</p>
<p>
<label for="message">Your Message:</label>
<textarea name="message" id="message" rows="5" cols="25" onfocus="resetField(this);"></textarea>
</p>
<p>
<button type="submit">Send Message</button>
<button type="reset">Reset Form</button>
</p>
</form>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16822123
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号