0

嗨，我有一个 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>
4

2 回答 2

1

提交时会显示一个警告框

<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>
于 2013-05-29T19:26:14.463 回答
1

在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>
于 2013-05-29T19:25:04.933 回答