onsubmitjavascript

您好，我有一个html页面，其中有一个

表单

，我希望当点击

表单

时，会弹出一个警告框，并说“谢谢您联系”，这里所有使用javascript的都是我的代码

另外，您会注意到，我在提交时有

表格

验证。除了验证之外，我希望添加顶部的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>

请填写下面的表格给我留言


姓名：


电子邮件地址：


您的留言：


发送消息
重置表单

尝试并举例说明

姓名：


您的留言：


发送消息
重置表单

函数aler（）{
警惕（“感谢您联系”）；
document.getElementById（“新”）.submit（）；
}

提交时显示一个警报框

<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>

姓名：


电子邮件地址：


您的留言：


发送消息
重置表单

你能添加你的javascript吗？你发布的HTML是否包装在

表单

元素中？嗯，我也不允许添加，但我刚刚发布的表单在HTML文档中，javascript文件只包含我对表单的验证，这一切都假定resetField（此）清除了输入字段，试想一下，一个用户键入了自己的电子邮件地址，然后回去修复它——他们在输入中单击/tab，现在必须再次键入整个电子邮件。如果他们写了一条很长的信息，但又去修改了它，并且被清除了，可能会更麻烦。

<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>