Question

在HTML中，我创建了一个用于输入文本的表单，使用Javascript进行验证，您应该可以在下面看到。

我想这样做，以便在单击提交按钮时出现警告框，感谢用户输入数据。

但是，如果不破坏JS验证，我似乎无法做到这一点。

有谁知道我怎么能做到这一点？

任何帮助将不胜感激。

谢谢。

    function validateForm() {
      var x = document.forms["myForm"]["name"].value;
      if (x == null || x == "") {
        alert("Please enter your name");
        return false;
      }
      var x = document.forms["myForm"]["email"].value;
      if (x == null || x == "") {
        alert("Please enter a valid email address");
        return false;
      }
      var x = document.forms["myForm"]["confirm"].value;
      if (x == null || x == "") {
        alert("Please select an option");
        return false;
      }
    }

 h1 {
   background-color: silver;
   color: black;
   font-size: 1.2em;
   font-family: Arial, Verdana, sans-serif;
 }
 hr {
   color: blue;
   width: thick;
 }
 body {
   font-size: 12pt;
   color: brown;
   font-family: Tahoma, Bodoni, sans-serif;
   line-height: 0.8em;
 }

<html>

<head>
  <title>Basic Form Markup</title>
  <meta charset="UFT-8" />
  <script>
  </script>
</head>

<body>
  <h1>Multi-Part Form</h1>
  <hr />
  <div>
    <form name="myForm" action+ "demo_form.asp" onsubmit="return validateForm()" method="post">
      <h1>Name and E-mail</h1>
      <p>Name:
        <input id="name" type="text" name="name" size="30" maxlength="250">
      </p>
      <p>E-mail:
        <input type="text" name="email" size="30" maxlength="50">
      </p>
      <p>Comments or Questions (optional)</p>
      <TEXTAREA NAME="Address" ROWS=3 COLS=80></TEXTAREA>
      <h1>Do you wish to receive regular emails giving information about GCEnterpise's ongoing projects?</h1>
      <!--Maybe change above to paragraph tag?-->
      <p>
        <input type="radio" name="confirm" value="yes">Yes</p>
      <p>
        <input type="radio" name="confirm" value="no">No</p>

      <p style="line-height: 2em; margin: 2em;">
        <input type="submit" value="Send">
        <input type="reset" value="Clear">
      </p>
  </div>
  <hr/>
</body>

</html>

Answer 1

我没有破坏js验证的意思。你可以在js验证脚本的末尾添加这个小语句

警告（'感谢数据'）

如何创建打开警报框的输入表单？

1 个答案: