0 
    <form name="post" ACTION="http://epansoftware.com/cgi-sys/cgiemail/cgi-bin/cgimailx.txt" accept-charset="UTF-8" METHOD="post">
    <fieldset>
    <legend>OR LEAVE US A MESSAGE HERE</legend>
    <label for="name" class="fixedwidth">Name</label>
    <input type="text" Name="name" id="name" value="" size="50"/><br />
    <label for="company" class="fixedwidth">Company</label>
    <input type="text" Name="company" id="company" value="" size="50"/><br />
    <label for="email" class="fixedwidth">Email</label>
    <input type="text" Name="email" id="email" size="50"/><br />
    <label for="subject" class="fixedwidth">Subject</label>
    <select name="subject" id="subject">
    <option>Support</option>
    <option>Sales Inquiry</option>
    <option>Custom Database</option>
    </select><br />
    <label for="message" class="fixedwidth">Message</label>
    <textarea type="text" Name="message" id="message" cols="40" rows="20"></textarea>
    <div class="buttonarea">
    <input type="submit" name="submit" value="Submit" onClick="testResults()">
    <INPUT TYPE="hidden" NAME="success" VALUE="http://www.epansoftware.com">
    </div>
    </fieldset>
    </form>

HTML にはこのフォームがあり、ヘッダーにはこの JavaScript 関数が定義されています。

  <script language="javascript">
    function testResults()
    {
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    var message = document.getElementById("message").value;
    var fields = new Array();
    fields[0] = name;
    fields[1] = email;
    fields[2] = message;
    var tester = /[A-z]|[0-9]/;
    if(! tester.test(fields[0]))
    {
      alert("Please type information in all the required fields!");
      return false;
    }
    else if(! tester.test(fields[1]))
    {
      alert("Please type information in all the required fields!");
    }
    else if(! tester.test(fields[2]))
    {
      alert("Please type information in all the required fields!");
    }
    else if(tester.test(fields[0]) && tester.test(fields[1]) && tester.test(fields[2]))
    {
      alert("Your message has been sent!");
    }
    else
    {
      alert("ERROR 5: Regex Error");
    }
  }
</script>

私の問題は、関数を呼び出すときに、すべてのフィールドが入力されていない場合、電子メールを送信したくないということです。しかし、今のままでは、何があってもメールが送られてきます。CGIスクリプト(フォームメソッドでアクションが行っていること)がjavascriptから実行されないようにする方法はありますか?

4

1 に答える 1

1

return false関数の最後に追加します。<form>タグに追加しますonSubmit="return testResults()"（現在の呼び出し方法を削除してください）。タグのreturn falsein theonSubmit属性により<form>、フォームの送信が妨げられます。

于 2012-04-27T23:36:14.750 に答える